build: use latest bootstrap, remove jquery

asi-wroclaw · Dec 16, 2024 · 495c165 · 495c165
1 parent f76f871
commit 495c165
Show file tree

Hide file tree

Showing 7 changed files with 64 additions and 32 deletions.
diff --git a/source/about.html.haml b/source/about.html.haml
@@ -10,8 +10,8 @@
         Tematyka tych imprez jest różnorodna, jednak zawsze dotyka zagadnień z zakresu informatyki, elektroniki, robotyki etc. Tradycyjnie wstęp jest wolny – mile widziani są zarówno studenci wrocławskich uczelni, jak i każdy zainteresowany.
       %p
         Poza wymienionymi wyżej imprezami, zajmujemy się również tworzeniem projektów informatycznych. Ich tematyka zależy od inwencji pomysłodawców – każda nowa idea jest mile widziana.
-    .col-md-4
-      = image_tag 'about1.jpg', class: 'img-reponsive text-cente', width: 290
+    .col-md-5
+      = image_tag 'about1.jpg', class: 'img-fluid text-cente', width: 290
 
   %p
     Wszystkich chętnych do realizacji własnych projektów, wspieramy zarówno merytorycznie, jak i materialnie (sprzęt i finanse). Więcej na temat realizowanych inicjatyw, znajdziesz w zakładce Projekty.
@@ -21,8 +21,8 @@
     Nasze sukcesy zawdzięczamy entuzjazmowi i zaangażowaniu, z jakim nasi członkowie przystępują do realizacji powierzonych im zadań. Wspólnie uczymy się, jak zgłębiać wiedzę informatyczną i jak wykorzystywać ją do realizowania ciekawych i twórczych projektów.
 
   .row
-    .col-md-5
-      = image_tag 'about2.jpg', class: 'img-reponsive text-cente'
+    .col-md-4
+      = image_tag 'about2.jpg', class: 'img-fluid text-cente'
     .col-md-7
       %p
         Zachęcamy do uczestnictwa w prowadzonych przez nas imprezach, a wszystkich aktywnych studentów Politechniki Wrocławskiej zapraszamy do wstąpienia w szeregi ASI.

diff --git a/source/css/style.css b/source/css/style.css
@@ -70,3 +70,36 @@ div.card.shadow {
     column-count: 1;
   }
 }
+
+/* Overwrite Bootstrap to match old style */
+.container {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+a {
+  text-decoration: none;
+}
+
+body {
+  font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+@media screen and (min-width: 576px) {
+  .card-columns {
+    column-gap: 1.25rem;
+  }
+
+  .card-columns .card {
+    display: inline-block;
+    width: 100%;
+  }
+}
+
+.card-columns .card {
+  margin-bottom: .75rem;
+}
+
+.card-title {
+  color: var(--asi-primary-color);
+}
diff --git a/source/layouts/default.haml b/source/layouts/default.haml
@@ -1,12 +1,10 @@
 !!!
 %html
   %head
-    %script{async: true, crossorigin: 'anonymous', integrity: 'sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN', src: 'https://code.jquery.com/jquery-3.2.1.slim.min.js'}
-    %script{async: true, crossorigin: 'anonymous', integrity: 'sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q', src: 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js'}
-    %link{async: true, crossorigin: 'anonymous', href: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css', integrity: 'sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm', rel: 'stylesheet'}/
-    %link{crossorigin: 'anonymous', href: '/css/style.css', rel: 'stylesheet'}/
+    %link{href: 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css', rel: 'stylesheet', integrity: 'sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH', crossorigin: 'anonymous'}/
+    %link{href: '/css/style.css', rel: 'stylesheet', crossorigin: 'anonymous'}/
+    %script{src: 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js', integrity: 'sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz', crossorigin: 'anonymous'}
     %link{crossorigin: 'anonymous', href: '/css/favicon.ico', rel: 'shortcut icon', type: 'image/x-icon'}/
-    %script{async: true, crossorigin: 'anonymous', integrity: 'sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl', src: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js'}
     %meta{:content => 'text/html; charset=UTF-8', 'http-equiv' => 'Content-Type'}/
     %meta{charset: 'utf-8'}/
     %meta{:content => 'IE=edge;chrome=1', 'http-equiv' => 'X-UA-Compatible'}/

diff --git a/source/localizable/index.en.html.haml b/source/localizable/index.en.html.haml
@@ -8,7 +8,7 @@ per_page: 10
       .row.justify-content-between
         .col-md-8.col-sm-12
           = link_to article.title, article
-        .col-md-4.col-sm-12.text-md-right
+        .col-md-4.col-sm-12.text-md-end
           %small.text-muted= I18n.localize(article.date, format: '%Y-%m-%d')
     %p
       = article.summary(250)

diff --git a/source/localizable/index.html.haml b/source/localizable/index.html.haml
@@ -8,7 +8,7 @@ per_page: 10
       .row.justify-content-between
         .col-md-8.col-sm-12
           = link_to article.title, article
-        .col-md-4.col-sm-12.text-md-right
+        .col-md-4.col-sm-12.text-md-end
           %small.text-muted= I18n.localize(article.date, format: '%Y-%m-%d')
     %p
       = article.summary(250)

diff --git a/source/menu.haml b/source/menu.haml
@@ -1,24 +1,25 @@
 .container
   %nav.navbar.navbar-expand-md.navbar-light
-    %a.navbar-brand{href: '/'}
-      %img.logo{src: '/css/asi-logo.svg'}
-    %button.navbar-toggler{type: 'toggle', "data-target": '#navbar-menu', "data-toggle": 'collapse', "aria-expanded": 'false', "aria-label": 'Toggle navigation'}
-      %span.navbar-toggler-icon
-    .collapse.navbar-collapse#navbar-menu
-      %ul.navbar-nav.ml-auto.flex-sm-row.justify-content-between
-        %li.nav-item
-          %a.nav-link{href: '/about'} O nas
-        %li.nav-item
-          %a.nav-link{href: '/recruitment'} Rekrutacja
-        %li.nav-item
-          %a.nav-link{href: '/events'} Kalendarz
-        %li.nav-item
-          %a.nav-link{href: '/projects'} Projekty
-        %li.nav-item
-          %a.nav-link{href: '/members'} Ludzie
-        %li.nav-item
-          %a.nav-link{href: '/regulamin.pdf', target: '_blank'} Regulamin
-        %li.nav-item
-          %a.nav-link{href: '/contact'} Kontakt
+    %div.container
+      %a.navbar-brand{href: '/'}
+        %img.logo{src: '/css/asi-logo.svg'}
+      %button.navbar-toggler{type: 'button', "data-bs-target": '#navbar-menu', "data-bs-toggle": 'collapse', "aria-expanded": 'false', "aria-label": 'Toggle navigation'}
+        %span.navbar-toggler-icon
+      .collapse.navbar-collapse#navbar-menu
+        %ul.navbar-nav.ms-auto.flex-sm-row.justify-content-between
+          %li.nav-item
+            %a.nav-link{href: '/about'} O nas
+          %li.nav-item
+            %a.nav-link{href: '/recruitment'} Rekrutacja
+          %li.nav-item
+            %a.nav-link{href: '/events'} Kalendarz
+          %li.nav-item
+            %a.nav-link{href: '/projects'} Projekty
+          %li.nav-item
+            %a.nav-link{href: '/members'} Ludzie
+          %li.nav-item
+            %a.nav-link{href: '/regulamin.pdf', target: '_blank'} Regulamin
+          %li.nav-item
+            %a.nav-link{href: '/contact'} Kontakt
   %hr
 .mb-3
diff --git a/source/recruitment.html.haml b/source/recruitment.html.haml
@@ -13,4 +13,4 @@
       Jeżeli nie pasują Ci terminy naszych spotkań – nic straconego! W naszej siedzibie w ciągu roku akademickiego (głównie wieczorami) naszych członków można spotkać nie tylko we wtorki, ale również w inne dni tygodnia. Wystarczy zadzwonić na nasz numer (podany na stronie) – jeżeli ktoś z organizacji znajduje się w siedzibie, na pewno odbierze. W takim wypadku wystarczy przyjść, przywitać się i rozpocząć swoją przygodę z ASI!
 
   .col-md-4
-    = image_tag 'poster.jpg', class: 'img-reponsive text-cente'
+    = image_tag 'poster.jpg', class: 'img-fluid text-cente'