base for 2025

robotframework · Apr 30, 2024 · b8ab92a · b8ab92a
1 parent 4901dc6
commit b8ab92a
Show file tree

Hide file tree

Showing 24 changed files with 505 additions and 147 deletions.
diff --git a/dist/css/app.b8366765.css b/dist/css/app.b8366765.css
diff --git a/dist/css/app.b8957975.css b/dist/css/app.b8957975.css
diff --git a/dist/js/app.740b37d2.js b/dist/js/app.740b37d2.js
diff --git a/dist/js/app.e7272c94.js b/dist/js/app.e7272c94.js
diff --git a/...ifest.7ca799e5c918f157ea1a535245f39562.js → ...ifest.9846d1e5ab1dc0f2cc5320d95ecef821.js b/...ifest.7ca799e5c918f157ea1a535245f39562.js → ...ifest.9846d1e5ab1dc0f2cc5320d95ecef821.js
@@ -4,8 +4,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "dist/404.html"
   },
   {
-    "revision": "e0cd5f4fc414422a353f",
-    "url": "dist/css/app.b8957975.css"
+    "revision": "a74ffea0139b27ce33fe",
+    "url": "dist/css/app.b8366765.css"
   },
   {
     "revision": "27679e61bfd27e1093f4bf200900b8e7",
@@ -188,12 +188,12 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "dist/img/ticket-depth.jpg"
   },
   {
-    "revision": "5439bfe363f15c474a793d3a7ddfe9b8",
+    "revision": "e4e5a4f2461882f536d6a2a720b8628a",
     "url": "dist/index.html"
   },
   {
-    "revision": "e0cd5f4fc414422a353f",
-    "url": "dist/js/app.e7272c94.js"
+    "revision": "a74ffea0139b27ce33fe",
+    "url": "dist/js/app.740b37d2.js"
   },
   {
     "revision": "2de2678cc504999db100",

diff --git a/dist/service-worker.js b/dist/service-worker.js
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "dist/precache-manifest.7ca799e5c918f157ea1a535245f39562.js"
+  "dist/precache-manifest.9846d1e5ab1dc0f2cc5320d95ecef821.js"
 );
 
 workbox.core.setCacheNameDetails({prefix: "robot-framework"});

diff --git a/index.html b/index.html
@@ -17,4 +17,4 @@
               l.pathname.slice(0, -1) + decoded + l.hash
           );
         }
-      }(window.location))</script><link href="dist/css/app.b8957975.css" rel="preload" as="style"><link href="dist/js/app.e7272c94.js" rel="preload" as="script"><link href="dist/js/chunk-vendors.626679d7.js" rel="preload" as="script"><link href="dist/css/app.b8957975.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="dist/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="dist/img/icons/favicon-16x16.png"><link rel="manifest" href="dist/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="robot-framework"><link rel="apple-touch-icon" href="dist/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="dist/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="dist/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but robot-framework doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="dist/js/chunk-vendors.626679d7.js"></script><script src="dist/js/app.e7272c94.js"></script></body></html>
+      }(window.location))</script><link href="dist/css/app.b8366765.css" rel="preload" as="style"><link href="dist/js/app.740b37d2.js" rel="preload" as="script"><link href="dist/js/chunk-vendors.626679d7.js" rel="preload" as="script"><link href="dist/css/app.b8366765.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="dist/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="dist/img/icons/favicon-16x16.png"><link rel="manifest" href="dist/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="robot-framework"><link rel="apple-touch-icon" href="dist/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="dist/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="dist/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but robot-framework doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="dist/js/chunk-vendors.626679d7.js"></script><script src="dist/js/app.740b37d2.js"></script></body></html>
diff --git a/src/App.vue b/src/App.vue
@@ -5,18 +5,6 @@
     <h3>📣 <span class="color-theme">This October 5th</span> 📣</h3> First RoboCon outside of Finland will be held in Frankfurt am Main! <router-link :to="{name: 'Germany'}">More details of RoboCon 2022 DE</router-link>
   </news-banner> -->
   <navbar v-if="$store.state.isDesktop && !fullScreen" />
-  <div v-if="$route.name === 'Home' && !$store.state.isDesktop" class="flex mb-large bg-black pb-small" style="position: sticky; top: 3.5rem; z-index: 3; padding-left: 3.5rem; overflow: auto;">
-    <button
-      @click="scrollTo('tutorials')"
-      class="color-white col-sm-5 col-md-3 mt-3xsmall mb-3xsmall type-no-underline font-title router-link type-small" style="margin-left: -2rem;">
-      #TUTORIALS
-    </button>
-    <button
-      @click="scrollTo('talks')"
-      class="color-white col-sm-4 col-md-3 mt-3xsmall mb-3xsmall type-no-underline font-title router-link type-small">
-      #TALKS
-    </button>
-  </div>
   <router-view />
   <page-footer v-if="!fullScreen" />
 </template>

diff --git a/src/assets/css/colors.css b/src/assets/css/colors.css
@@ -4,6 +4,9 @@
     color: var(--color-theme);
     color: var(--color-theme-p3);
 }
+.color-theme-24 {
+    color: var(--color-theme-24) !important;
+}
 .color-theme-23 {
     color: var(--color-theme-23);
 }
@@ -85,3 +88,6 @@
 .hover-color-theme:hover {
     color: var(--color-theme) !important;
 }
+.hover-color-secondary:hover {
+    color: var(--color-theme-secondary) !important;
+}
diff --git a/src/assets/css/elements.css b/src/assets/css/elements.css
@@ -117,7 +117,7 @@ button.theme:hover {
   border-color: var(--color-theme);
 }
 button.theme {
-  background-color: var(--color-background);
+  background-color: var(--color-theme);
 }
 button.stroke {
   border: solid 0.05rem var(--color-white);

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
@@ -12,15 +12,13 @@
 html, body {
     min-height: 100vh;
     line-height: var(--line-height-body);
-    background-color: var(--color-background);
 }
 
 #app {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-height: 100vh;
-    color: var(--color-white);
 }
 
 #main {
@@ -51,3 +49,12 @@ select {
 body:not(.accessible) * {
     outline: none;
 }
+
+body {
+    background-color: #fff;
+    color: #000;
+}
+body:has(.theme-2024) {
+    background-color: #000;
+    color: #fff;
+}
diff --git a/src/assets/css/text.css b/src/assets/css/text.css
@@ -305,8 +305,7 @@ strong,
 }
 .router-link:hover {
   text-decoration: underline;
-  color: var(--color-theme);
-  color: var(--color-theme-p3);
+  color: var(--color-theme-secondary);
 }
 .router-link-active {
   color: var(--color-theme);

diff --git a/src/assets/css/variables.css b/src/assets/css/variables.css
@@ -1,17 +1,17 @@
 :root {
-    --color-theme: #bf72ff;
-    --color-theme-p3: color(display-p3 0.68 0.38 1);
-    --color-theme-secondary: #191a29;
-    --color-background: #0d1217;
+    --color-theme: #002F6C;
+    --color-theme-p3: lab(29.06, 7.24, -36.98);
+    --color-theme-secondary: rgb(100, 108, 226);
+    --color-background: #fff;
 
     --color-white: #f5f5f5;
     --color-grey-light: #e7e7e7;
     --color-grey: #e2e2e2;
     --color-grey-dark: #24282c;
     --color-grey-darkest: #101316;
     --color-black: #000000; /* body text */
-    --color-link: #bf72ff;
-    --color-link-visited: #bf72ff;
+    --color-link: #002F6C;
+    --color-link-visited: #002F6C;
 
     --bp-md: 700px; /* tablet breakpoint */
     --bp-lg: 1400px; /* desktop breakpoint */
@@ -65,6 +65,8 @@
 
     --border-radius-rounded: 1rem;
     --border-radius-rounded-small: 0.5rem;
+
+    --color-theme-24: #bf72ff;
 }
 
 @media screen and (max-width: 780px) {
@@ -73,21 +75,32 @@
     }
 }
 
+.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;
 }
 
 .theme-2022 {
     --color-theme: #fe4bd2;
     --color-link: #fe4bd2;
     --color-link-visited: #fe4bd2;
+    --color-background: #000;
 }
 
 .theme-germany {
     --color-theme: #3F7BCF;
     --color-link: #3F7BCF;
     --color-link-visited: #3F7BCF;
+    --color-background: #000;
 }
diff --git a/src/components/NavMobile.vue b/src/components/NavMobile.vue
@@ -4,13 +4,28 @@
       v-if="isOpen"
       class="menu bg-black p-small pb-large pt-2xlarge">
       <router-link
+        :to="{ name: 'Home' }"
+        class="block m-medium router-link type-no-underline type-small">
+        RBCN25
+      </router-link>
+      <router-link
+        :to="{ name: 'Robocon2024' }"
+        class="block m-medium router-link type-no-underline type-small">
+        RBCN24
+      </router-link>
+      <router-link
+        :to="{ name: 'Archive' }"
+        class="block m-medium router-link type-no-underline type-small">
+        archive
+      </router-link>
+      <!-- <router-link
         v-for="{ name, text } in $tm('navbar.links')"
         :to="{ name }"
         :key="name"
         class="router-link block mb-large"
         @click="isOpen = false">
         {{ text }}
-      </router-link>
+      </router-link> -->
     </div>
   </transition>
   <div

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
@@ -1,57 +1,63 @@
 <template>
   <div
     ref="nav"
-    class="row between p-small sticky bg-background"
+    class="row between p-small sticky bg-black color-white"
     style="top: 0; z-index: 2;">
     <div class="flex middle">
       <base-icon name="robot" color="white" size="1.25rem" />
-      <router-link :to="{ name: 'Home' }" class="router-link type-large mx-xsmall">
+      <router-link :to="{ name: 'Home' }" class="router-link type-large mx-xsmall color-white">
         ROBOCON
       </router-link>
       <div class="type-xsmall flex">
         |
-        <a href="https://robotframework.org/" class="type-xsmall ml-xsmall mr-2xsmall color-white hover-color-theme">
+        <a href="https://robotframework.org/" class="type-xsmall ml-xsmall mr-2xsmall color-secondary hover-color-secondary">
           Robot Framework
         </a>
         Conference
       </div>
     </div>
     <div class="flex middle">
-      <div v-if="$route.name === 'Home'" class="flex">
-        <a
+      <template v-if="$route.name === 'Home'" class="flex">
+        <!-- <a
           href="#tutorials"
           class="color-white mx-2xsmall type-no-underline font-title router-link type-small">
           #TUTORIALS
-        </a>
+        </a> -->
         <!-- <a
           href="#workshops"
           class="color-white mx-2xsmall type-no-underline font-title router-link type-small">
           #WORKSHOPS
         </a> -->
-        <a
+        <!-- <a
           href="#talks"
           class="color-white mx-2xsmall type-no-underline font-title router-link type-small">
           #TALKS
-        </a>
+        </a> -->
         <!-- <a
           href="#hotels"
           class="color-white mx-2xsmall type-no-underline font-title router-link type-small">
           #HOTELS
         </a> -->
-      </div>
-      <div v-else>
-        <router-link
-          :to="{ name: 'Home' }"
-          class="router-link mx-xsmall type-no-underline type-small">
-          RBCN24
-        </router-link>
-      </div>
+    </template>
+    <template v-else>
+      <router-link
+        :to="{ name: 'Home' }"
+        class="router-link mx-xsmall type-no-underline type-small">
+        RBCN25
+      </router-link>
       <div class="mx-small">|</div>
+    </template>
+    <router-link
+      :to="{ name: 'Robocon2024' }"
+      class="router-link mx-xsmall type-no-underline type-small">
+      RBCN24
+    </router-link>
+    <!-- <div class="mx-small">|</div>
     <router-link
       :to="{ name: 'Sponsor' }"
       class="router-link mx-xsmall type-no-underline type-small">
       sponsor
-    </router-link>
+    </router-link> -->
     <div class="mx-small">|</div>
     <router-link
       :to="{ name: 'Archive' }"

diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="row bg-black color-white p-small pt-large pb-large" style="margin-top: auto">
+  <div class="row bg-black color-secondary p-small pt-large pb-large" style="margin-top: auto">
     <div class="container" style="line-height: 2;">
       <div class="row">
         <div class="col-sm-6 col-md-3">
           <h3 class="mb-small">
-            <a href="https://robotframework.org/foundation/">Foundation</a>
+            <a class="color-secondary" href="https://robotframework.org/foundation/">Foundation</a>
           </h3>
           <div>
             Robot Framework ry
@@ -18,38 +18,38 @@
           <div>
             Finland
           </div>
-          <a href="mailto:robotframework-foundation@googlegroups.com">
+          <a class="color-secondary" href="mailto:robotframework-foundation@googlegroups.com">
             Contact
           </a>
         </div>
         <div
           class="col-sm-6 col-md-3"
           :class="$store.state.isMobile ? 'type-right' : ''">
-          <h3 class="mb-small">
+          <h3 class="mb-small color-secondary">
             Community
           </h3>
           <div>
-            <a href="https://github.com/robotframework/robotframework">
+            <a class="color-secondary" href="https://github.com/robotframework/robotframework">
               GitHub
             </a>
           </div>
           <div>
-            <a href="https://forum.robotframework.org/">
+            <a class="color-secondary" href="https://forum.robotframework.org/">
               Forum
             </a>
           </div>
           <div>
-            <a href="https://www.facebook.com/robotframeworkofficial">
+            <a class="color-secondary" href="https://www.facebook.com/robotframeworkofficial">
               Facebook
             </a>
           </div>
           <div>
-            <a href="https://twitter.com/robotframework">
+            <a class="color-secondary" href="https://twitter.com/robotframework">
               Twitter
             </a>
           </div>
           <div>
-            <a href="https://www.linkedin.com/groups/3710899/">
+            <a class="color-secondary" href="https://www.linkedin.com/groups/3710899/">
               LinkedIn
             </a>
           </div>
@@ -61,12 +61,12 @@
           <div />
           <div :class="$store.state.isMobile ? 'type-right' : ''">
             <div>
-              <a href="https://robotframework.org">
+              <a class="color-secondary" href="https://robotframework.org">
                 Robot Framework
               </a>
             </div>
             <div>
-              <a href="https://robotframework.org/privacy-policy">
+              <a class="color-secondary" href="https://robotframework.org/privacy-policy">
                 Privacy Policy
               </a>
             </div>