home text (#277)

lambdaclass · Sep 27, 2023 · 797eeca · 797eeca
1 parent d07c7f7
commit 797eeca
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 30 deletions.
diff --git a/assets/css/app.css b/assets/css/app.css
@@ -61,13 +61,13 @@ a,
 .custom-list-item:last-of-type {
   @apply border-b-0;
 }
-.custom-list-item .inner-block{
+.custom-list-item .inner-block {
   @apply px-5 py-1 my-3 lg:my-1 bg-se-inner-bg border border-dashed border-se-inner-border w-full;
 }
-.custom-list-item .inner-block .custom-list-item{
+.custom-list-item .inner-block .custom-list-item {
   @apply w-full;
 }
-.custom-list-item .inner-block .block-label{
+.custom-list-item .inner-block .block-label {
   @apply mb-1;
 }
 .grid-3 {
@@ -91,11 +91,11 @@ a,
 .grid-9 {
   @apply lg:grid grid-cols-9 items-center gap-1 lg:gap-5;
 }
-.index-value-grid{
+.index-value-grid {
   @apply grid gap-1 lg:gap-5;
   grid-template-columns: 4rem 1fr;
 }
-.list-h{
+.list-h {
   @apply text-gray-500;
 }
 .grid-3 .list-h,
@@ -109,7 +109,7 @@ a,
 .grid-9 .list-h {
   @apply font-ibm-plex text-sm pt-2 lg:hidden;
 }
-.index-value-grid .list-h{
+.index-value-grid .list-h {
   @apply block font-ibm-plex text-base mt-0 p-0;
 }
 
@@ -137,7 +137,7 @@ input {
 .block-label {
   @apply flex !flex-row !gap-1.5 md:col-span-1 text-gray-500 self-start !items-center w-full;
 }
-.custom-list-item > .block-label + *{
+.custom-list-item > .block-label + * {
   @apply col-span-full md:col-span-3;
 }
 
@@ -162,7 +162,7 @@ input {
 }
 
 /* Rounded Labels */
-.info-label{
+.info-label {
   @apply px-3 py-0.5 ml-0.5 border-l rounded-l-none rounded-md;
 }
 .pink-label {
@@ -175,7 +175,7 @@ input {
   @apply text-hover-green bg-se-green/5 border-se-green;
 }
 .violet-label {
-  @apply text-hover-violet bg-se-violet/5 border-se-violet;
+  @apply text-se-violet bg-se-violet/5 border-se-violet;
 }
 .lilac-label {
   @apply text-hover-lilac bg-se-lilac/5 border-se-lilac;
@@ -195,38 +195,38 @@ main .option {
   cursor: pointer;
 }
 
-.type{
+.type {
   @apply bg-[#292946] text-white border border-[#5D5D75] text-sm uppercase px-3 py-0.5 rounded-md -translate-x-0.5;
 }
 
-.type.l1_to_l2_executed_on_l2{
+.type.l1_to_l2_executed_on_l2 {
   @apply text-se-green;
 }
-.type.l2_to_l1_executed_on_l2{
+.type.l2_to_l1_executed_on_l2 {
   @apply text-se-blue;
 }
 
-.hash{
+.hash {
   @apply font-mono flex items-center break-all;
 }
 
-.tooltip{
+.tooltip {
   @apply cursor-help;
 }
 
-.tippy-box[data-theme~='starknet-explorer'] {
+.tippy-box[data-theme~="starknet-explorer"] {
   @apply bg-brand text-white;
 }
 
-.tippy-box[data-theme~='starknet-explorer'][data-placement^='top'] > .tippy-arrow::before {
+.tippy-box[data-theme~="starknet-explorer"][data-placement^="top"] > .tippy-arrow::before {
   @apply border-t-brand;
 }
-.tippy-box[data-theme~='starknet-explorer'][data-placement^='bottom'] > .tippy-arrow::before {
+.tippy-box[data-theme~="starknet-explorer"][data-placement^="bottom"] > .tippy-arrow::before {
   @apply border-b-brand;
 }
-.tippy-box[data-theme~='starknet-explorer'][data-placement^='left'] > .tippy-arrow::before {
+.tippy-box[data-theme~="starknet-explorer"][data-placement^="left"] > .tippy-arrow::before {
   @apply border-l-brand;
 }
-.tippy-box[data-theme~='starknet-explorer'][data-placement^='right'] > .tippy-arrow::before {
+.tippy-box[data-theme~="starknet-explorer"][data-placement^="right"] > .tippy-arrow::before {
   @apply border-r-brand;
-}
+}
diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
@@ -11,15 +11,15 @@ module.exports = {
     extend: {
       fontFamily: {
         "ibm-plex": "'IBM Plex Sans', sans-serif",
-        "mono": "'IBM Plex Mono', monospace",
+        mono: "'IBM Plex Mono', monospace",
       },
       colors: {
         brand: "#ff346d",
         container: "#1A1A24",
         "se-black": "#111118",
         "se-green": "#88ff00",
         "se-hover-green": "#BAFF6A",
-        "se-violet": "#b43cff",
+        "se-violet": "#AE2EFF",
         "se-hover-violet": "#D38EFF",
         "se-blue": "#00eeff",
         "se-hover-blue": "#7BF6FF",

diff --git a/lib/starknet_explorer_web/components/layouts/root.html.heex b/lib/starknet_explorer_web/components/layouts/root.html.heex
@@ -8,28 +8,28 @@
     <link rel="icon" type="image/png" sizes="32x32" href={~p"/images/favicon-32x32.png"} />
     <link rel="icon" type="image/png" sizes="16x16" href={~p"/images/favicon-16x16.png"} />
     <!-- Primary Meta Tags -->
-    <title>Madara Explorer</title>
-    <meta name="title" content="Madara Explorer" />
+    <title>Stark Compass Explorer</title>
+    <meta name="title" content="Stark Compass Explorer" />
     <meta
       name="description"
-      content="Scout the Starknet chain through the Madara Explorer. Keep track of every transaction, block and any other relevant information of Madara Starknet."
+      content="Scout the Starknet chain through the Stark Compass Explorer. Keep track of every transaction, block and any other relevant information of Madara Starknet."
     />
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://madarastark.com/" />
-    <meta property="og:title" content="Madara Explorer" />
+    <meta property="og:title" content="Stark Compass Explorer" />
     <meta
       property="og:description"
-      content="Scout the Starknet chain through the Madara Explorer. Keep track of every transaction, block and any other relevant information of Madara Starknet."
+      content="Scout the Starknet chain through the Stark Compass Explorer. Keep track of every transaction, block and any other relevant information of Madara Starknet."
     />
     <meta property="og:image" content={~p"/images/preview.webp"} />
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:url" content="https://madarastark.com/" />
-    <meta property="twitter:title" content="Madara Explorer" />
+    <meta property="twitter:title" content="Stark Compass Explorer" />
     <meta
       property="twitter:description"
-      content="Scout the Starknet chain through the Madara Explorer. Keep track of every transaction, block and any other relevant information of Madara Starknet."
+      content="Scout the Starknet chain through the Stark Compass Explorer. Keep track of every transaction, block and any other relevant information of Madara Starknet."
     />
     <meta property="twitter:image" content={~p"/images/preview.webp"} />
 

diff --git a/lib/starknet_explorer_web/live/pages/home/index.ex b/lib/starknet_explorer_web/live/pages/home/index.ex
@@ -22,7 +22,10 @@ defmodule StarknetExplorerWeb.HomeLive.Index do
       session: %{"network" => @network}
     ) %>
     <div class="flex flex-col gap-1 justify-center items-center my-16">
-      <h1>Madara Starknet Explorer</h1>
+      <h1>Stark Compass</h1>
+      <div class="uppercase px-3 py-1 rounded-lg violet-label !font-medium mt-2 text-center text-xl lg:text-xl">
+        The only open source explorer of Starknet
+      </div>
     </div>
     <div class="mx-auto max-w-7xl mt-4 mb-5">
       <div class="relative inline-flex items-start gap-3 bg-container p-3 pr-4 text-sm mb-3">