uikit: simplify to not require including it as git submodule

.github/workflows/build-preview.yml

@@ -31,10 +31,8 @@ jobs:
     if: github.event_name == 'pull_request' && github.repository == github.event.pull_request.head.repo.full_name
 
     steps:
-    - name: Checkout repository and submodules
+    - name: Checkout repository
       uses: actions/checkout@v4
-      with:
-        submodules: recursive
 
     - name: Install zola
       run: |

.github/workflows/build-upon-push-or-merge.yml

@@ -31,10 +31,8 @@ jobs:
     if: ${{ github.event_name == 'push' && github.ref == 'refs/heads/main' }}
 
     steps:
-    - name: Checkout repository and submodules
+    - name: Checkout repository
       uses: actions/checkout@v4
-      with:
-        submodules: recursive
 
     - name: Install zola
       run: |

README.md

@@ -10,7 +10,7 @@ or [download the binary](https://github.com/getzola/zola/releases).
 
 Then:
 ```
-$ git clone --recursive git@github.com:coderefinery/coderefinery.org.git
+$ git clone git@github.com:coderefinery/coderefinery.org.git
 $ cd coderefinery.org
 $ zola serve
 ```

sass/style.scss

@@ -1,25 +1,90 @@
-// https://webaim.org/blog/wcag-2-0-and-link-colors/
-// https://github.com/uikit/uikit/blob/develop/src/scss/variables-theme.scss
-$global-link-color: #3366dd;
-$navbar-nav-item-color: #3366dd;
-$navbar-nav-item-hover-color: #cc0099;
-$iconnav-item-color: #3366dd;
-$iconnav-item-hover-color: #cc0099;
-$global-primary-background: #3366cc;
-$global-secondary-background: #993366;
-$base-code-color: #cc0099;
-$text-meta-color: #666666;
-$table-header-cell-color: #666666;
-
-// https://getuikit.com/docs/sass
-@import "../uikit/src/scss/variables-theme.scss";
-@import "../uikit/src/scss/mixins-theme.scss";
-@import "../uikit/src/scss/uikit-theme.scss";
+a,
+.uk-link {
+    color: #3366dd;
+}
+
+:not(pre)>code,
+:not(pre)>kbd,
+:not(pre)>samp {
+    color: #cc0099;
+}
+
+.uk-table th {
+    color: #666666;
+}
+
+.uk-text-meta,
+.uk-text-meta>a {
+    color: #666666;
+}
+
+.uk-button-primary {
+    background-color: #3366cc;
+}
 
+.uk-button-primary:hover {
+    background-color: #2e5cb8;
+}
+
+.uk-button-primary:active,
+.uk-button-primary.uk-active {
+    background-color: #2952a3;
+}
+
+.uk-background-primary {
+    background-color: #3366cc;
+}
+
+.uk-card-secondary,
+.uk-card-secondary.uk-card-hover:hover {
+    background-color: #993366;
+}
+
+.uk-offcanvas-bar {
+    background: #993366;
+}
+
+.uk-alert-primary {
+    background: #d6e0f5;
+    color: #3366cc;
+}
+
+.uk-navbar-nav>li>a {
+    color: #3366dd;
+}
+
+.uk-navbar-nav>li:hover>a,
+.uk-navbar-nav>li>a[aria-expanded="true"] {
+    color: #cc0099;
+}
+
+.uk-iconnav>*>a {
+    color: #3366dd;
+}
+
+.uk-iconnav>*>a:hover {
+    color: #cc0099;
+}
+
+// this used to be "@extend .uk-list; @extend .uk-list-square;"
 .markdown ul {
-    @extend .uk-list;
-    @extend .uk-list-square;
+    padding: 0;
+    padding-left: 30px;
+    list-style: none;
+    list-style-type: square;
+}
+
+.markdown ul>* {
+    break-inside: avoid-column;
+}
+
+.markdown ul>*> :last-child {
+    margin-bottom: 0;
+}
 
+.markdown ul> :nth-child(n+2),
+.markdown ul>*>ul {
+    margin-top: 10px;
 }
 
 .site-footer a {
@@ -32,8 +97,11 @@ $table-header-cell-color: #666666;
 
 .logo-container {
     display: flex;
-    justify-content: space-between; /* Evenly space logos */
-    align-items: center; /* Align logos vertically */
+    justify-content: space-between;
+    /* Evenly space logos */
+    align-items: center;
+    /* Align logos vertically */
     padding: 10px;
-    gap: 20px; /* Optional: uniform gap between logos */
-}
+    gap: 20px;
+    /* Optional: uniform gap between logos */
+}