test picture

rosticom · Oct 30, 2024 · b16ea7c · b16ea7c
1 parent e53946d
commit b16ea7c
Show file tree

Hide file tree

Showing 13 changed files with 211 additions and 178 deletions.
diff --git a/docs/assets/index-BvsNKBDH.css b/docs/assets/index-BvsNKBDH.css
diff --git a/docs/assets/index-P5MbBlxN.css b/docs/assets/index-P5MbBlxN.css
diff --git a/docs/assets/index-UCqAypof.js → docs/assets/index-q95WwQn1.js b/docs/assets/index-UCqAypof.js → docs/assets/index-q95WwQn1.js
diff --git a/docs/index.html b/docs/index.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="./coobot.png?v=2" type="image/png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Staking $COO</title>
+    <meta name="description" content="Quantum Intelligence Coin Staking" />
+    <title>QIC STAKING</title>
     <script src="https://telegram.org/js/telegram-web-app.js"></script>
-    <script type="module" crossorigin src="./assets/index-UCqAypof.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-P5MbBlxN.css">
+    <script type="module" crossorigin src="./assets/index-q95WwQn1.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BvsNKBDH.css">
   </head>
   <body>
     <div id="root"></div>

diff --git a/index.html b/index.html
@@ -4,7 +4,8 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="./coobot.png?v=2" type="image/png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Staking $COO</title>
+    <meta name="description" content="Quantum Intelligence Coin Staking" />
+    <title>QIC STAKING</title>
     <script src="https://telegram.org/js/telegram-web-app.js"></script>
   </head>
   <body>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "coobot-merkaba",
   "private": true,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src/App.css b/src/App.css
@@ -8,7 +8,7 @@
 }
 
 .logo {
-  height: 4em;
+  height: 3em;
   /* margin-top: 1em; */
   will-change: filter;
   transition: filter 300ms;
@@ -26,7 +26,7 @@
 }
 
 .logo_app {
-  height: 4em;
+  height: 3em;
   /* padding-left: 1.5em;
   padding-right: 1.5em; */
   will-change: filter;
@@ -45,6 +45,15 @@
   transform: scale(1.05);
 }
 
+.logo_text {
+  font-size: 0.8em;
+  color: grey;
+}
+
+.logo_group {
+  cursor: pointer;
+}
+
 /* .buy_logo {
   border-radius: 50%;
   align-self: center;

diff --git a/src/App.tsx b/src/App.tsx
@@ -72,28 +72,39 @@ function App() {
         {/* <TxForm /> */}
         {/* <TonProofDemo /> */}
 
+        {/* <br /> */}
+
+        <MarketCap />
+
+        {/* <p className="read-the-docs"> */}
+            {/* dividend payout August 1st, 2024 */}
+            {/* buying or selling on the crypto market? doesn't matter with quantum technology! */}
+        {/* </p> */}
+        <TonUsdChart />
+        <br />
         <div className = "row_center">
           <a href="https://t.me/+JuO8mZMYOnRmN2Ux">
             <img src={chatLogo} className="logo" alt="Coobot chat" />
+            <div className="logo_text">Telegram</div>
           </a>
-          <a onClick={() => openLink('https://play.google.com/store/apps/details?id=com.rosticom.qantb&hl=ru')}>
-            <img src={coobotAndroidLogo} className="logo_app" alt="Coobot app" />
+          <a className="logo_group" onClick={() => openLink('https://play.google.com/store/apps/details?id=com.rosticom.qantb&hl=ru')}>
+            <img src={coobotAndroidLogo} className="logo" alt="Coobot app" />
+            <div className="logo_text">Android</div>
           </a>
-          <a onClick={() => openLink('https://coo.topme.be')}>
-            <img src={coobotLogo} className="logo_app" alt="Coobot app" />
+          <a className="logo_group" onClick={() => openLink('https://coo.topme.be')}>
+            <img src={coobotLogo} className="logo" alt="Coobot app" />
+            <div className="logo_text">iOS WEB</div>
           </a>
           <a href="https://t.me/gasPump_bot/app?startapp=eyJyZWZfdXNlcl9pZCI6NTY1ODY0MzE4LCJ0b2tlbl9hZGRyZXNzIjoiRVFEZGlyd3l5YXNST2tvUnc5bUJCekJkUUhjYUFjOUV5OFpoak1TdXRkdHJmU2M1In0">
             <img src={gasPumbLogo} className="logo" alt="Coobot app" />
+            <div className="logo_text">$COO</div>
+          </a>
+          <a className="logo_group" href="https://t.me/gasPump_bot/app?startapp=eyJyZWZfdXNlcl9pZCI6NTY1ODY0MzE4LCJ0b2tlbl9hZGRyZXNzIjoiRVFDWWdid3JvUDZJRmFUS0lOMENoSmpzVnpxdDJxSGdhT1BhdGJMdS1wTWRRWVhCIn0">
+            <img src={gasPumbLogo} className="logo" alt="Coobot app" />
+            <div className="logo_text">$COOS</div>
           </a>
 
         </div>
-        <MarketCap />
-
-        {/* <p className="read-the-docs"> */}
-            {/* dividend payout August 1st, 2024 */}
-            {/* buying or selling on the crypto market? doesn't matter with quantum technology! */}
-        {/* </p> */}
-        <TonUsdChart />
         <HoldersList />
         <div className="card">
           {/* <button onClick={() => setCount((count) => count + 1)}>

diff --git a/src/assets/start_360.png b/src/assets/start_360.png
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -44,13 +44,14 @@ export const Header = () => {
     return <header>
         <div id="header-row">
             <div id="user-name">
-                {/* {userInfo.photo_url && (
+                {userInfo.photo_url && (
                   <img 
                     src={userInfo.photo_url} 
                     alt={`${userInfo.first_name}'s avatar`} 
-                    style={{ width: '60px', height: '60px', borderRadius: '50%', marginRight: '20px' }}
+                    // style={{ width: '50px', height: '50px', borderRadius: '50%', marginRight: '20px' }}
+                    style={{ width: '50px', height: '50px', borderRadius: '50%' }}
                   />
-                )} */}
+                )}
                 <div>
                   {userInfo.first_name} {userInfo.last_name || 'Guest'}
                   {/* {userInfo.username && <p>@{userInfo.username}</p>} */}
@@ -64,6 +65,7 @@ export const Header = () => {
                 <TonConnectButton /> 
             </div>
         </div>
+        <h1>Quantum Intelligence Coin Staking</h1>
         {/* <TonConnectButton /> */}
         {/* <span>My App with React UI</span> */}
         {/* <span>Coobot</span> */}

diff --git a/src/components/Header/header.scss b/src/components/Header/header.scss
@@ -39,7 +39,7 @@ header {
     justify-content: space-between;
     margin-bottom: 16px;
     margin-left: 16px;
-    align-items: center;
+    // align-items: center;
   }
 }
 

diff --git a/src/components/HoldersList/Holders.tsx b/src/components/HoldersList/Holders.tsx
@@ -9,14 +9,15 @@ function Holders({ // ITEMS LIST IN HOLDERSLIST.TSX
   delta = '+0.00'
 }) {
   // const imageUrl = process.env.PUBLIC_URL + avatar;
+
   return (
     <div className="holders-item">
       <img src={avatar} alt={username} className="avatar" />
       <div className="info">
         {/* <a href={`/${username}`} className="username">{username}</a> */}
         <div className="first_row">
           <div className="username">{username}</div>
-          <div className="volume">{volume}M $COO</div>
+          <div className="volume">{volume}M ${username == 'QIC MARKET' ? "COOS" : "COO"}</div>
         </div>
         <div className="second_row">
           <div className="left_side">

diff --git a/src/components/HoldersList/HoldersList.tsx b/src/components/HoldersList/HoldersList.tsx
@@ -7,12 +7,20 @@ import './Holders.scss';
 const holdersData = [
   {
     avatar: 'coobot_icon.jpg',
-    username: 'Coobot',
+    username: 'QIC FUND',
     gravity: 1.00,
     profit: '32.8',
     volume: 66.6,
     delta: '+2.08'
   },
+  {
+    avatar: 'coobot_23.jpg',
+    username: 'QIC MARKET',
+    gravity: 1.00,
+    profit: '0.00',
+    volume: 0.00,
+    delta: '+0'
+  },
   {
     avatar: 'pep.png',
     username: 'Noel',