💸 Al sayfası jsx iyileştir

KimlikDAO · Jan 10, 2025 · fbd7be2 · fbd7be2
1 parent 02da6b3
commit fbd7be2
Show file tree

Hide file tree

Showing 12 changed files with 88 additions and 42 deletions.
diff --git a/al/sayfa.css b/al/sayfa.css
@@ -3,14 +3,25 @@ h4 {
   margin: 1ex 0;
 }
 
+/**
+ * Sol sütun
+ * @name {SolSütun}
+ */
 #als {
   margin: 1em 0;
 }
 
+/**
+ * Sağ sütun
+ * @name {SağSütun}
+ */
 #alr {
   margin-left: 2em;
 }
 
+/**
+ * @name {Kök}
+ */
 #al {
   display: flex;
   flex-wrap: wrap;
@@ -23,6 +34,10 @@ h4 {
   }
 }
 
+/**
+ * KPass görünümü
+ * @name {KPassContainer}
+ */
 #alu {
   position: relative;
   margin: 2em auto 3em;

diff --git a/al/sayfa.jsx b/al/sayfa.jsx
@@ -20,38 +20,44 @@ export const BağlaDüğmesi = dom.a("al1a");
 /** @const {!Array<ChainId>} */
 const Chains = [
   ChainId.x1,
-  ChainId.MinaMainnet,
   ChainId.xa4b1,
+  ChainId.MinaMainnet,
   ChainId.x89,
   ChainId.xa86a,
   ChainId.x38
 ];
 
 /** @const {!Object<ChainId, I18nString>} */
 const ChainNotes = {
+  [ChainId.xa4b1]: { tr: "Ana ağ", en: "Signal chain" },
   [ChainId.MinaMainnet]: { tr: "Yeni ✨", en: "New ✨" },
-  [ChainId.xa4b1]: { tr: "Ana ağ", en: "Signal chain" }
 };
 
 /** @const {ChainId} */
 const DefaultChain = ChainId.xa4b1;
 
 const CüzdanBağlama = () =>
   <div id="al1" class="step">
-    <b data-en="1. Connect your wallet.">1. Cüzdanınızı bağlayın.</b>{" "}{{
-      tr: "Cüzdan bağlayarak devam edin.",
-      en: "Proceed with a crypto wallet."
+    <b data-en="1. Connect your wallet.">1. Cüzdanınızı bağlayın.</b>{{
+      en: " Proceed with a crypto wallet.",
+      tr: " Cüzdan bağlayarak devam edin.",
     }}<br /><br />
-    <BağlaDüğmesi href="javascript:" class="act btn" data-en="Connect wallet">Cüzdan bağla</BağlaDüğmesi>
+    <BağlaDüğmesi href="javascript:" class={[OrtakCss.Düğme, "act"]}>{{
+      en: "Connect wallet",
+      tr: "Cüzdan bağla"
+    }}</BağlaDüğmesi>
   </div>;
 
 const Şifreleme = () =>
   <div id="al3" class="step disabled">
-    <b data-en="3. Let’s encrypt your KPass.">3. KPass’inizi şifreleyelim.</b>{" "}{{
-      en: "We need 4 signatures from you to encrypt your KPass.",
-      tr: "KPass’ini şifrelememiz için sizden 4 adet imzaya ihtiyacımız var. Bu işlem off-chain, tamamen ücretsiz ve güvenli."
+    <b data-en="3. Let’s encrypt your KPass.">3. KPass’inizi şifreleyelim.</b>{{
+      en: " We need 4 signatures from you to encrypt your KPass.",
+      tr: " KPass’ini şifrelememiz için sizden 4 adet imzaya ihtiyacımız var. Bu işlem off-chain, tamamen ücretsiz ve güvenli."
     }}<br /><br />
-    <a href="javascript:" id="al3a" class="act btn" data-en="Request 4 signatures">4 imza isteği yolla</a>
+    <a href="javascript:" id="al3a" class={[OrtakCss.Düğme, "act"]}>{{
+      en: "Request 4 signatures",
+      tr: "4 imza isteği yolla"
+    }}</a>
   </div>;
 
 const Al = ({ Lang }) => (
@@ -71,16 +77,16 @@ const Al = ({ Lang }) => (
     </head>
     <body>
       <Başlık href="/" DefaultChain={DefaultChain} Chains={Chains} ChainNotes={ChainNotes} />
-      <div id="al">
-        <div id="als">
+      <div id={Css.Kök}>
+        <div id={Css.SolSütun}>
           <CüzdanBağlama />
           <Tanışma />
           <Şifreleme />
           <İmeceİptal />
           <Ödeme />
         </div>
-        <div id="alr">
-          <div id="alu">
+        <div id={Css.SağSütun}>
+          <div id={Css.KPassContainer}>
             <KPass />
           </div>
           <Telefon style="opacity:0" kpass={false} />

diff --git a/al/tanışma/birim.jsx b/al/tanışma/birim.jsx
@@ -6,9 +6,9 @@ import KopyalaResmi from "/al/paste.svg";
 const Tanışma = () => (
   <div id="ta" class="step disabled">
     <Css />
-    <b>{{ en: "2. Introduce yourself.", tr: "2. Kendinizi tanıtın." }}</b>{" "}{{
-      en: "Authenticate by uploading a verifiable e-devlet PDF.",
-      tr: "Kendinizi e-devlet’ten alınmış nüfus kayıt örneği yükleyerek veya e-devlet girişi ile tanıtabilirsiniz."
+    <b>{{ en: "2. Introduce yourself.", tr: "2. Kendinizi tanıtın." }}</b>{{
+      en: " Authenticate by uploading a verifiable e-devlet PDF.",
+      tr: " Kendinizi e-devlet’ten alınmış nüfus kayıt örneği yükleyerek veya e-devlet girişi ile tanıtabilirsiniz."
     }}<br />
     <br />
     <a href="javascript:" class="act btn lft" id="tab">{{

diff --git a/ana/kazan/birim.jsx b/ana/kazan/birim.jsx
@@ -21,7 +21,7 @@ export default () => (
           "KPass’inin %100 anonim HumanID kısmını sunarak on binlerce dolarlık havuzdan ödülünü topla.Çok yakında!"
       }}</span>
       <br />
-      <a href={{ en: "//blog.kimlikdao.org/en", tr: "//blog.kimlikdao.org/tr" }}
+      <a href={{ en: "//blog.kimlikdao.org/?en", tr: "//blog.kimlikdao.org/?tr" }}
         class={[OrtakCss.Düğme, "info", "anust"]}>{{
           en: "Learn & earn (Soon!)",
           tr: "Öğren ve kazan (Yakında!)"

diff --git a/ana/sahipler/birim.css b/ana/sahipler/birim.css
@@ -30,6 +30,10 @@
   gap: 40px 10px;
 }
 
+/**
+ * Eylem düğmesi
+ * @name {EylemDüğmesi}
+ */
 #sal {
   align-items: center;
   display: flex;
@@ -38,6 +42,10 @@
   padding: 10px;
 }
 
+/**
+ * Eylem bölümü
+ * @name {Eylem}
+ */
 #saz {
   display: flex;
   justify-content: right;
@@ -48,6 +56,10 @@ h2 {
   font-size: 40px;
 }
 
+/**
+ * Ağları gösteren balonlar
+ * @name {Balon}
+ */
 .sac {
   display: flex;
   height: 74px;
@@ -58,11 +70,19 @@ h2 {
   justify-content: space-evenly;
 }
 
+/**
+ * KPass sahipleri sayısı
+ * @name {BalonSayı}
+ */
 .sau {
   font-weight: 700;
   font-size: 20px;
 }
 
+/**
+ * Ağ adı
+ * @name {BalonAd}
+ */
 .saa {
   font-size: 12px;
 }
@@ -91,6 +111,10 @@ h2 {
   background-color: #C6FFCB;
 }
 
+/**
+ * Başlık altı metin
+ * @name {Metin}
+ */
 .sat {
   display: inline-block;
   max-width: 375px;

diff --git a/ana/sahipler/birim.jsx b/ana/sahipler/birim.jsx
@@ -2,6 +2,7 @@ import OkResmi from "../ok.svg";
 import AnaCss from "../sayfa.css";
 import Css from "./birim.css";
 import { ağResmi } from "/birim/ağlar/birim";
+import OrtakCss from "/birim/ortakcss/birim.jsx";
 import { Page } from "/crate";
 import { ChainId } from "/lib/crosschain/chains";
 import { Image } from "/lib/kastro/image";
@@ -23,11 +24,11 @@ const Tablo = {
 };
 
 const Balon = ({ chainId }) => (
-  <div class={`sac ${chainId == ChainId.MinaMainnet ? "mina" : chainId.slice(1)}`}>
-    <Image src={ağResmi(chainId)} height={40} width={40} />
+  <div class={[Css.Balon, chainId == ChainId.MinaMainnet ? "mina" : chainId.slice(1)]}>
+    <Image src={ağResmi(chainId)} height={40} width={40} bundleHeight={40} bundleWidth={40} />
     <div>
-      <div class="sau">{Tablo[chainId].holders}</div>
-      <span class="saa" data-en={`HOLDERS ON ${Tablo[chainId].ad}`}>{
+      <div class={Css.BalonSayı}>{Tablo[chainId].holders}</div>
+      <span class={Css.BalonAd} data-en={`HOLDERS ON ${Tablo[chainId].ad}`}>{
         Tablo[chainId].ad + Tablo[chainId].ek} KPASS</span>
     </div>
   </div>
@@ -42,14 +43,15 @@ const Sahipler = () => (
           tr: <>Ağlara göre<br />KPass sahipleri.</>,
           en: <>KPass holders<br />by chain.</>
         }}</h2>
-        <span class="sat anac">{{
+        <span class={[Css.Metin, "anac"]}>{{
           en: `Join over ${Object.values(Tablo).reduce((sum, x) => sum + x.holders, 0)} KPass holders across 6 different chains.`,
           tr: `6 farklı zincirde ${Object.values(Tablo).reduce((sum, x) => sum + x.holders, 0)} KPass sahibi arasına katılın.`
         }}</span>
-        <div id="saz"><a href={Page.Al} id="sal" class="act btn">{{
-          en: "Become a KPass holder",
-          tr: "Sen de KPass sahibi ol"
-        }} <OkResmi inline /></a>
+        <div id={Css.Eylem}>
+          <a href={Page.Al} id={Css.EylemDüğmesi} class={[OrtakCss.Düğme, "act"]}>{{
+            en: "Become a KPass holder",
+            tr: "Sen de KPass sahibi ol"
+          }} <OkResmi inline /></a>
         </div>
       </div>
       <div id={Css.Balonlar}>{Object.keys(Tablo).map((chainId) => <Balon chainId={chainId} />)}</div>

diff --git a/ana/sayfa.jsx b/ana/sayfa.jsx
@@ -61,7 +61,7 @@ const Ana = ({ Lang }) => (
         <a href="/" id={OrtakCss.Başlık.Logo}>
           <Logo id={OrtakCss.Başlık.Logomark} height={35} inline />KimlikDAO</a>
         <div id={OrtakCss.Başlık.Linkler}>
-          <a class={OrtakCss.Başlık.Link} href={{ en: "//join.kimlikdao.org/en", tr: "//join.kimlikdao.org/tr" }}>{{
+          <a class={OrtakCss.Başlık.Link} href={{ en: "//join.kimlikdao.org/?en", tr: "//join.kimlikdao.org/?tr" }}>{{
             tr: "Aramıza katıl", en: "Join us"
           }}</a>
           <a class={OrtakCss.Başlık.Link} href="//discord.gg/H2wg6pcWXG" target="_blank" rel="noreferrer">Discord</a>

diff --git a/birim/blog/eliptik-egriler/birim.jsx b/birim/blog/eliptik-egriler/birim.jsx
@@ -13,7 +13,7 @@ export default ({ href }) =>
     <Css />
     <BlogCss />
     <div>
-      <Banner class="blpp" width="100%" />
+      <Banner class="blpp" width="100%" quality={60} />
       <h4 data-en="Elliptic curves and their applications in crypto">Eliptik eğriler ve kriptoda kullanımı</h4>
       <Yazar ad={{ tr: "KimlikDAO öğren & kazan", en: "KimlikDAO learn & earn" }} />
       <div class="bly">{{
@@ -28,11 +28,10 @@ export default ({ href }) =>
         <div class="blpi dobby" style="width:180px"></div>
         <div class="blpit">
           <DobbyResmi width="22" height="22" id="bldob" />{" "}
-          <RemainingBar data-en="50,000">50.000</RemainingBar>/{{
-            en: "50,000",
-            tr: "50.000"
+          <RemainingBar>{{ en: "50,000", tr: "50.000" }}</RemainingBar>/{{
+            en: "50,000", tr: "50.000"
           }} DOBBY
         </div>
       </div>
     </div>
-  </a >;
+  </a>;
diff --git a/birim/cüzdan/birim.js b/birim/cüzdan/birim.js
@@ -164,10 +164,10 @@ const ağDeğişti = (yeniAğ) => {
     // kopmasını sağlıyor.
     ağSeçildi(Ağ);
   } else if (yeniAğ != Ağ) {
-    dom.adla("cud" + Ağ).classList.remove("sel");
-    dom.adla("cud" + yeniAğ).classList.add("sel");
+    dom.adla(Css.AğListesi + Ağ).classList.remove("sel");
+    dom.adla(Css.AğListesi + yeniAğ).classList.add("sel");
     AğDüğmesi.replaceChild(
-      dom.adla("cud" + yeniAğ).firstElementChild.cloneNode(true),
+      dom.adla(Css.AğListesi + yeniAğ).firstElementChild.cloneNode(true),
       AğDüğmesi.firstElementChild);
     /** @const {boolean} */
     const ağGrubuDeğişti = !Ağ.startsWith(yeniAğ.slice(0, 2));
@@ -381,7 +381,7 @@ const aç = () => {
 
 const kur = () => {
   /** @const {!Element} */
-  const seçiliAğ = dom.adla("cud" + DefaultChain);
+  const seçiliAğ = dom.adla(Css.AğListesi + DefaultChain);
   seçiliAğ.replaceChild(AğDüğmesi.firstElementChild.cloneNode(true),
     seçiliAğ.firstElementChild);
   AdresDüğmesi.onclick = AğDüğmesi.onclick = aç;
@@ -390,7 +390,7 @@ const kur = () => {
     setTimeout(() => AdresDüğmesi.onclick = AğDüğmesi.onclick = aç, 300);
   };
 
-  dom.adla("cud").onclick = (event) => {
+  dom.adla(Css.AğListesi).onclick = (event) => {
     /** @type {Element} */
     let li = event.target;
     for (; li.nodeName != 'LI'; li = li.parentElement)

diff --git a/birim/cüzdan/birim.jsx b/birim/cüzdan/birim.jsx
@@ -59,7 +59,7 @@ const Cüzdan = ({ DefaultChain, Chains, ChainNotes, piggyback }) => (
       <ul id={Css.AğListesi}>
         {Chains.map((id) => (
           <li id={Css.AğListesi + id} class={id == DefaultChain ? "sel" : ""}>
-            {id == DefaultChain ? <span></span> : <Image src={ağResmi(id)} width={32} height={32} />}
+            {id == DefaultChain ? <span></span> : <Image src={ağResmi(id)} width={32} height={32} bundleWidth={40} bundleHeight={40} />}
             {" "}
             {ChainNotes[id]
               ? <div>{AğBilgileri[id].ad}<div class={Css.AğNotu}>{ChainNotes[id]}</div></div>

diff --git a/crate.js b/crate.js
@@ -1,7 +1,7 @@
 import { I18nString, LangCode } from "/lib/util/i18n";
 
 /** @define {string} */
-const HOST_URL = "https://kimlikdao.org/";
+const HostUrl = "https://kimlikdao.org";
 
 /** @enum {I18nString} */
 const Page = {
@@ -21,6 +21,6 @@ const CodebaseLang = LangCode.TR;
 export {
   CodebaseLang,
   Entry,
-  HOST_URL,
+  HostUrl,
   Page
 };
diff --git a/lib b/lib
+1 −0		kastro/cloudflare/api.d.js
+1 −0		kastro/cloudflare/api.js
+27 −0		kastro/cloudflare/cache.js
+0 −76		kastro/cloudflare/cftrimmer.py
+2 −1		kastro/cloudflare/crate.js
+1 −1		kastro/cloudflare/kvPageWorker.js
+2 −0		kastro/cloudflare/test/workers.test.js
+8 −4		kastro/compiler/image.js
+1 −1		kastro/font.js
+5 −2		kastro/image.js
+3 −3		kastro/kastro.js
+12 −0		kastro/vps/config.js
+32 −0		kastro/vps/crate.js
+89 −0		kastro/vps/service.js
+72 −0		kastro/workers/crateServer.js
+2 −0		kdjs/externs/bun/test.d.js
+3 −1		kdjs/stylesheet.js
+18 −1		util/arrays.js
+8 −5		util/html.js
+25 −0		util/test/arrays.test.js
+10 −2		util/test/html.test.js