ui fixes

robotframework · Sep 14, 2024 · 556491b · 556491b
1 parent 87b66dd
commit 556491b
Show file tree

Hide file tree

Showing 11 changed files with 71 additions and 66 deletions.
diff --git a/docs/assets/index-DdTYp9Jd.js → docs/assets/index-BsLIsIYn.js b/docs/assets/index-DdTYp9Jd.js → docs/assets/index-BsLIsIYn.js
diff --git a/docs/assets/index-CCSwBjt6.css b/docs/assets/index-CCSwBjt6.css
diff --git a/docs/assets/index-hBcxstQS.css b/docs/assets/index-hBcxstQS.css
diff --git a/docs/index.html b/docs/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RoboCon - Robot Framework Conference</title>
-    <script type="module" crossorigin src="/assets/index-DdTYp9Jd.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CCSwBjt6.css">
+    <script type="module" crossorigin src="/assets/index-BsLIsIYn.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-hBcxstQS.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/public/index.html b/public/index.html
@@ -14,8 +14,8 @@
     <meta name="twitter:title" content="RoboCon">
     <meta name="twitter:description" content="Automation testing community event - Online and IRL!">
     <meta name="twitter:image" content="https://robocon.io/dist/img/social_image.png">
-    <link href="dist/fonts/RBCN23.woff2" rel="preload" as="font" crossorigin="">
-    <link href="dist/fonts/CourierCode-Roman.woff2" rel="preload" as="font" crossorigin="">
+    <link href="/fonts/RBCN23.woff2" rel="preload" as="font" crossorigin="">
+    <link href="/fonts/CourierCode-Roman.woff2" rel="preload" as="font" crossorigin="">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <script defer data-domain="robocon.io" src="https://plausible.io/js/plausible.outbound-links.js"></script>
     <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>

diff --git a/src/assets/css/text.css b/src/assets/css/text.css
@@ -1,49 +1,37 @@
 @font-face {
   font-family: "RBCN";
-  src: url("/dist/fonts/RBCN23.woff2") format("woff"),
-    url("/fonts/RBCN23.woff2") format("woff");
-  font-display: swap;
-  font-weight: 500;
-}
-@font-face {
-  font-family: "RBCN22";
-  src: url("/dist/fonts/RBCN-thin.woff2") format("woff");
+  src: url("/fonts/RBCN23.woff2") format("woff");
   font-display: swap;
   font-weight: 500;
 }
 @font-face {
   font-family: "OCRA";
-  src: url("/dist/fonts/OCRA.woff") format("woff"),
-    url("/fonts/OCRA.woff") format("woff");
+  src: url("/fonts/OCRA.woff") format("woff");
   font-display: swap;
 }
 
 @font-face {
   font-family: "Courier Code";
-  src: url("/dist/fonts/CourierCode-Roman.woff2") format("woff2"),
-    url("/fonts/CourierCode-Roman.woff2") format("woff2");
+  src: url("/fonts/CourierCode-Roman.woff2") format("woff2");
   font-display: swap;
   font-weight: 400;
 }
 @font-face {
   font-family: "Courier Code";
-  src: url("/dist/fonts/CourierCode-Italic.woff") format("woff"),
-    url("/fonts/CourierCode-Italic.woff") format("woff");
+  src: url("/fonts/CourierCode-Italic.woff") format("woff");
   font-display: swap;
   font-weight: 400;
   font-style: italic;
 }
 @font-face {
   font-family: "Courier Code";
-  src: url("/dist/fonts/CourierCode-Bold.woff") format("woff"),
-    url("/fonts/CourierCode-Bold.woff") format("woff");
+  src: url("/fonts/CourierCode-Bold.woff") format("woff");
   font-display: swap;
   font-weight: 600;
 }
 @font-face {
   font-family: "Source Code Pro";
-  src: url("/dist/fonts/SourceCodePro-Variable.ttf") format("truetype"),
-    url("/fonts/SourceCodePro-Variable.ttf") format("truetype");
+  src: url("/fonts/SourceCodePro-Variable.ttf") format("truetype");
   font-display: swap;
   font-weight: 600;
 }
@@ -218,6 +206,9 @@ li {
   text-transform: uppercase;
 }
 
+.font-theme {
+  font-family: 'RBCN';
+}
 .font-title {
   font-family: var(--font-title);
 }

diff --git a/src/assets/css/variables.css b/src/assets/css/variables.css
@@ -77,15 +77,13 @@
 
 .theme-2024 {
     --color-theme: #bf72ff;
-    --color-theme-p3: #bf72ff;
     --color-link: #bf72ff;
     --color-link-visited: #bf72ff;
     --color-background: #000;
 }
 
 .theme-2023 {
     --color-theme: #ff9f00;
-    --color-theme-p3: #ff9f00;
     --color-link: #ff9f00;
     --color-link-visited: #ff9f00;
     --color-background: #000;

diff --git a/src/components/Banner.vue b/src/components/Banner.vue
@@ -5,7 +5,7 @@
       <h1
         class="colo-white font-title"
         style="transition-delay: 0.25s;">
-        <span class="color-black" style="padding-right: 2rem;">RBCN</span><span class="color-black">2025</span><br>
+        <span class="color-black theme" style="padding-right: 2rem;">RBCN</span><span class="color-black theme">2025</span><br>
         <span class="bg-secondary color-white" style="padding-right: 2rem;">FROM</span><span class="bg-secondary color-white">FINLAND</span><br>
         <span class="color-black" style="padding-right: 2rem;">WITH</span><span class="color-black">LOVE</span><br>
       </h1>
@@ -39,11 +39,26 @@ h1 {
   span {
     padding-bottom: 0.25rem;
     padding-inline: 0.5rem;
+
+    &.theme {
+      font-family: 'RBCN';
+      letter-spacing: 0;
+      font-size: 5.25rem;
+    }
   }
 }
 @media screen and (max-width: 701px) {
   h1 {
     font-size: 12.5vw;
+
+    span {
+
+      &.theme {
+        font-family: 'RBCN';
+        letter-spacing: 0;
+        font-size: 21vw;
+      }
+    }
   }
 }
 .container {

diff --git a/src/components/NavMobile.vue b/src/components/NavMobile.vue
@@ -9,15 +9,15 @@
         RBCN25
       </router-link>
       <router-link
-        :to="{ name: 'Sponsor' }"
+        :to="{ path: '/sponsor' }"
         class="color-white block m-medium router-link type-no-underline type-small">
         sponsor
       </router-link>
-      <router-link
+      <!-- <router-link
         :to="{ name: 'Archive' }"
         class="color-white block m-medium router-link type-no-underline type-small">
         archive
-      </router-link>
+      </router-link> -->
       <!-- <router-link
         v-for="{ name, text } in $tm('navbar.links')"
         :to="{ name }"
@@ -33,7 +33,7 @@
     :class="isOpen ? 'open' : ''">
     <div class="flex middle pl-small">
       <base-icon name="robot" color="white" size="1.75rem" />
-      <router-link :to="{ path: '/' }" class="router-link type-large mx-xsmall">
+      <router-link :to="{ path: '/' }" class="color-white router-link type-large mx-xsmall">
         ROBOCON
       </router-link>
     </div>

diff --git a/src/components/SectionRow.vue b/src/components/SectionRow.vue
@@ -52,7 +52,7 @@ const components = renderEntryList(props.content)
   }
 }
 .item-column {
-  flex: 0 0 calc(var(--layout-container-narrow-max-width) / 3);
+  flex: 0 0 calc(100% / 3.3);
   scroll-snap-align: start;
   scroll-margin-inline: 1rem;
 }

diff --git a/src/components/TicketItem.vue b/src/components/TicketItem.vue
@@ -169,12 +169,13 @@ svg {
   mix-blend-mode: screen;
   background-position: -6% -32%;
   background-repeat: repeat;
-  background-image: url(/dist/img/rf-pattern.jpg), url(/img/rf-pattern.jpg);
+  background-image: url(/img/rf-pattern.jpg);
 }
 .mask2 {
   mix-blend-mode: color-burn;
   background-size: cover;
-  background-image: url(/dist/img/ticket-depth.jpg), url(/img/ticket-depth.jpg);
+  /* background-image: url(/docs/img/ticket-depth.jpg), url(/img/ticket-depth.jpg); */
+  background-image: url(/img/ticket-depth.jpg);
   opacity: 0.7;
   filter: brightness(0.8);