program page

robotframework · Nov 11, 2024 · ed1ad80 · ed1ad80
1 parent 81d3c9e
commit ed1ad80
Show file tree

Hide file tree

Showing 18 changed files with 580 additions and 147 deletions.
diff --git a/docs/assets/index-7KWCqX7L.css b/docs/assets/index-7KWCqX7L.css
diff --git a/docs/assets/index-BKgSR6c4.js b/docs/assets/index-BKgSR6c4.js
diff --git a/docs/assets/index-BY8tUSzy.js b/docs/assets/index-BY8tUSzy.js
diff --git a/docs/assets/index-BuldRxRf.css b/docs/assets/index-BuldRxRf.css
diff --git a/docs/index.html b/docs/index.html
@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RoboCon - Robot Framework Conference</title>
     <script defer src="/spa.js"></script>
-    <script type="module" crossorigin src="/assets/index-BKgSR6c4.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BuldRxRf.css">
+    <script type="module" crossorigin src="/assets/index-BY8tUSzy.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-7KWCqX7L.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,13 +8,15 @@
   },
   "dependencies": {
     "@contentful/rich-text-html-renderer": "^16.6.8",
+    "@vueuse/core": "^11.2.0",
     "contentful": "^10.15.0",
     "contentful-rich-text-vue-renderer": "^3.1.0",
     "core-js": "^3.6.5",
     "crypto-js": "^4.1.1",
     "date-fns": "^2.28.0",
     "dompurify": "^2.4.0",
     "jose": "^4.12.0",
+    "markdown-it": "^14.1.0",
     "marked": "^4.1.1",
     "pinia": "^2.2.2",
     "vue": "^3.0.0",

diff --git a/src/assets/css/elements.css b/src/assets/css/elements.css
@@ -16,18 +16,26 @@
 }
 
 .card {
-  border: solid 2px #24282c;
-  border-radius: 4px;
-  box-shadow: 0 4px 8px rgba(8, 25, 153, 0.3);
+  background-color: #fff;
+  box-shadow: 4px 4px 0px var(--color-theme-secondary);
   transition: box-shadow 0.2s;
   &:hover {
-    box-shadow: 0 4px 8px rgba(8, 25, 153, 0.6);
+    box-shadow: 5px 5px 2px var(--color-theme-secondary);
   }
 }
 
+.badge {
+  padding: 0 0.75rem;
+  background-color: #fff;
+  display: block;
+  width: fit-content;
+  font-size: 0.85rem;
+  font-weight: 600;
+  box-shadow: 1px 1px 0 var(--color-theme);
+}
+
 details {
-  border-radius: 0.25rem;
-  box-shadow: 0 2px 3px #020d6755;
+  box-shadow: 2px 2px 0px var(--color-theme);
 
   summary {
     display: flex;
@@ -37,10 +45,8 @@ details {
     font-size: 1.15rem;
     font-weight: 600;
     color: var(--color-grey-darkest);
-    border-radius: 4px;
     cursor: pointer;
-    border: solid 2px #00000022;
-    transform: translateY(0.0625rem);
+    background-color: #fffffffa;
   }
 
   summary::-webkit-details-marker {
@@ -73,8 +79,8 @@ details {
 
   div {
     padding: 0.25rem 1rem;
-    border: solid 2px #00000022;
     border-top: none;
+    background-color: #fffffffa;
   }
 }
 

diff --git a/src/assets/css/text.css b/src/assets/css/text.css
@@ -75,6 +75,14 @@ h1 {
   letter-spacing: 0.5rem;
 }
 
+article h1 {
+  font-size: var(--type-body);
+  font-weight: var(--weight-body);
+  margin: 0;
+  line-height: 1;
+  letter-spacing: -0.0675rem;
+}
+
 .theme-2022 h1,
 .theme-2022 h2 {
   font-family: "RBCN22";
@@ -220,6 +228,9 @@ li {
 .font-body {
   font-family: var(--font-body);
 }
+.font-code {
+  font-family: 'Courier Code';
+}
 
 .type-nowrap {
   white-space: nowrap;

diff --git a/src/assets/css/variables.css b/src/assets/css/variables.css
@@ -1,7 +1,7 @@
 :root {
     --color-theme: #020d67;
-    --color-theme-secondary: #020d67;
-    --color-background: #fff;
+    --color-theme-secondary: #1323a0;
+    --color-background: #fafafa;
     --color-background-secondary: #f3f3f3;
 
     --color-white: #f5f5f5;

diff --git a/src/components/NavMobile.vue b/src/components/NavMobile.vue
@@ -2,15 +2,15 @@
   <transition name="fade">
     <div
       v-if="isOpen"
-      class="menu bg-black pl-large pb-large pt-xlarge">
+      class="menu bg-white pl-large pb-large pt-xlarge">
       <router-link
         :to="{ path: '/' }"
-        class="color-white block m-medium router-link type-no-underline type-small">
+        class="block m-medium router-link type-no-underline type-small">
         RBCN25
       </router-link>
       <router-link
         :to="{ path: '/sponsor' }"
-        class="color-white block m-medium router-link type-no-underline type-small">
+        class="block m-medium router-link type-no-underline type-small">
         sponsor
       </router-link>
       <!-- <router-link
@@ -29,11 +29,11 @@
     </div>
   </transition>
   <div
-    class="nav-mobile row between bg-black color-white"
+    class="nav-mobile row between bg-white color-black border-bottom-theme border-thin"
     :class="isOpen ? 'open' : ''">
     <div class="flex middle pl-small">
-      <base-icon name="robot" color="white" size="1.75rem" />
-      <router-link :to="{ path: '/' }" class="color-white router-link type-large mx-xsmall">
+      <base-icon name="robot" color="black" size="1.75rem" />
+      <router-link :to="{ path: '/' }" class="color-black router-link type-large mx-xsmall">
         ROBOCON
       </router-link>
     </div>
@@ -85,7 +85,7 @@ export default {
   right: 0;
   bottom: 0;
   left: 0;
-  background-color: #292f33A0;
+  background-color: #ffffff99;
 }
 
 .nav-mobile {
@@ -111,7 +111,7 @@ export default {
   position: absolute;
   height: 0.25rem;
   width: 100%;
-  background: var(--color-white);
+  background: var(--color-black);
   border-radius: 1px;
   opacity: 1;
   left: 0;

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
@@ -17,6 +17,11 @@
       </div>
     </div>
     <div class="flex">
+      <!-- <router-link
+        :to="{ path: '/program' }"
+        class="router-link mx-xsmall type-no-underline type-small">
+        Program
+      </router-link> -->
       <router-link
         :to="{ path: '/sponsor' }"
         class="router-link mx-xsmall type-no-underline type-small">