add bigger bullet point and no blue HejBit

MetaProvide · Sep 20, 2024 · e5febcf · e5febcf
1 parent 9bb3b73
commit e5febcf
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/assets/styles/main.css b/assets/styles/main.css
@@ -649,6 +649,14 @@ nav .checkbox {
   filter: grayscale(1);
 }
 
+.bullet-point {
+  font-size: 8rem;
+  line-height: 1rem;
+  margin-right: 1rem;
+  transform: scaleX(1.4) translateY(1%);
+  color: var(--mp-hejbit-yellow);
+}
+
 
 @media (max-width: 700px) {
 

diff --git a/hejbit/index.html b/hejbit/index.html
@@ -100,12 +100,12 @@ <h1 class="header-small hejbit-yellow mlr-0 text-center">
         </h1>
         <p class="text-large text-center">
           It most certainly is. Unless... you're using
-          <b class="hejbit-blue">HejBit</b>.
+          <b class="hejbit-yellow">HejBit</b>.
         </p>
 
         <p class="text-large text-center">Bridging
           Nextcloud and Ethereum Swarm.<br/>Store, manage, and share your files using
-          <b class="hejbit-blue">HejBit</b>, with ease and simplicity. 
+          <b class="hejbit-yellow">HejBit</b>, with ease and simplicity. 
         </p>
         <div class="center">
           <button
@@ -317,9 +317,9 @@ <h3 class="header-medium hejbit-yellow text-center mobile-p-16 pt-48">Hej! Meet
         <p class="w-100p mobile-p-16">
           Birgitta is a young Swedish woman who created a lucrative business in the health supplements’ industry - HerbLab. Edible products made from organic plant-based ingredients produced in their own laboratories; resulting in a superior protein supplement. Her business became particularly successful due to:
         </p>
-        <div class="w-100p flex-column center">
-          <p class="m-8"><span class="text-xl">&bull;</span> Outstanding app & tech development</p>
-          <p class="m-8"><span class="text-xl">&bull;</span> Honest marketing & smart business thinking</p>  
+        <div class="w-100p flex-column m-0-auto">
+          <div class="flex-row flex-nowrap align-center"><span class="bullet-point">&bull;</span><p class="m-8"> Outstanding app & tech development</p></div>
+          <div class="flex-row flex-nowrap align-center"><span class="bullet-point">&bull;</span><p class="m-8"> Honest marketing & smart business thinking</p></div>
         </div>
       </div>
 
@@ -429,7 +429,7 @@ <h3 class="header-smaller hejbit-yellow mt-64 mb-64 mobile-p-16 text-center">
 
       <h3 class="header-smaller hejbit-yellow pb-64 mt-64 text-center mobile-p-32">
         Thus, Birgitta went to this homepage and clicked on the yellow button
-        below - claiming her own <span class="hejbit-blue">HejBit</span> before you did
+        below - claiming her own HejBit before you did
       </h3>
     </section>