SD-2693/Metais-projects

.env

@@ -17,3 +17,5 @@ GOOGLE_APPLICATION_CREDENTIALS=
 GOOGLE_SHEET_ID=
 GOOGLE_SHEET_EXPORT_ID=
 GOOGLE_SHEET_SCRIPT_URL=
+
+API_URL=

.github/workflows/slovensko_digital_ci.yml

@@ -28,7 +28,7 @@ jobs:
         with:
           bundler-cache: true
 
-      - run: bundle exec rails db:create db:schema:load --trace
+      - run: bundle exec rails db:create db:structure:load --trace
       - run: bundle exec rspec
 
   gitlab-push:

.ruby-version

@@ -1 +1 @@
-2.7.2
+2.7.8

Dockerfile

@@ -1,4 +1,4 @@
-FROM ruby:2.7.2
+FROM ruby:2.7.8
 
 # Install packages
 RUN apt-get update && apt-get install -y build-essential nodejs libpq-dev

Gemfile

@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
-ruby '2.7.2'
+ruby '2.7.8'
 
 git_source(:github) do |repo_name|
   repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/")

app/assets/stylesheets/application.scss

@@ -6,56 +6,31 @@
 
 @import 'projects';
 @import 'static';
-
+@import 'schedule';
+@import 'statuses';
+@import 'navbar';
+@import 'footer';
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: $headings-font-family;
+  font-weight: $font-weight-bold;
+}
 
 .btn-outline-primary:hover {
   border-color: $link-hover-color;
   color: $link-hover-color;
   background-color: transparent;
 }
 
-.navbar {
-  @include media-breakpoint-up(md) {
-    .navbar-brand img {
-      width: 240px;
-    }
-  }
-}
-
-.container {
-  max-width: 1024px;
+.table-title-item, .table-price {
+  font-family: $headings-font-family;
+  font-size: large;
+  color: $black;
 }
 
-footer {
-  background-color: $gray-dark;
-  color: $white;
-
-  a {
-    color: $white;
-    &:hover {
-      color: $white;
-    }
-  }
-
-  .fa-inverse {
-    color: $gray-dark;
-  }
-
-  .icons {
-    a:hover {
-      text-decoration: none;
-    }
-  }
+#filterForm.collapsing {
+  transition: height 0.5s ease-out;
 
-  .newsletter {
-    .legal {
-      font-size: $small-font-size;
-
-      a {
-        text-decoration: underline;
-      }
-    }
-  }
 }
 
 h1 .badge-alpha {

app/assets/stylesheets/footer.scss

@@ -0,0 +1,85 @@
+footer {
+  background-color: $light_black;
+  color: $white;
+
+  a {
+    color: $white;
+    &:hover {
+      color: $white;
+    }
+  }
+
+  .fa-inverse {
+    color: $gray-dark;
+  }
+
+  .icons {
+    a:hover {
+      text-decoration: none;
+    }
+  }
+
+  .newsletter {
+    .legal {
+      font-size: $small-font-size;
+
+      a {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+.footer-border {
+  border-left: 1px solid;
+  padding-left: 3rem;
+}
+
+.footer-sk {
+  padding-right: 3rem;
+}
+
+.pontis-logo {
+  width: 125px;
+}
+
+.us-logo, .acf-logo {
+  width: 200px;
+}
+@media (max-width: 1200px) {
+  .pontis-logo {
+    width: 100px;
+  }
+  .us-logo, .acf-logo {
+    width: 175px;
+  }
+}
+@media (max-width: 992px) {
+  .pontis-logo {
+    width: 75px;
+  }
+  .us-logo, .acf-logo {
+    width: 150px;
+  }
+}
+@media (max-width: 768px) {
+  .responsive-img {
+    width: 125px;
+  }
+  .footer-border {
+    border-top: 1px solid;
+    border-left: none;
+    padding-left: 2rem;
+    padding-right: 2rem;
+    padding-top: 3rem;
+  }
+  .footer-sk {
+    padding-right: 0;
+    padding-bottom: 3rem;
+  }
+}
+@media (max-width: 576px) {
+  .responsive-img {
+    width: 100px;
+  }
+}

app/assets/stylesheets/google-fonts.scss

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+
 /* cyrillic-ext */
 @font-face {
   font-family: 'Merriweather';

app/assets/stylesheets/navbar.scss

@@ -0,0 +1,29 @@
+.navbar {
+  @include media-breakpoint-up(md) {
+    .navbar-brand img {
+      width: 100%;
+    }
+  }
+}
+
+.navbar-light .navbar-nav .nav-link {
+  font-weight: $font-weight-semi-bold;
+  transition: 0.2s ease-in-out;
+  color: $black;
+}
+
+.navbar-light .navbar-nav .nav-link:focus {
+  color: $black;
+}
+
+.navbar-light .navbar-nav .nav-link:hover {
+  color: $blue;
+}
+
+.navbar-light .navbar-nav .nav-link:active {
+  color: $blue;
+}
+
+.navbar-light .navbar-nav .nav-item.active .nav-link {
+  color: $blue;
+}

app/assets/stylesheets/projects.scss

@@ -109,13 +109,12 @@ img.emoji {
 }
 
 .accordion:after {
-  font-family: 'Merriweather';
-  font-size: $h3-font-size;
-  content: "-";
+  color: $black;
+  font-size: medium;
+  text-decoration: underline;
+  content: "Schovať hodnotené kritériá";
 }
 
 .accordion.collapsed:after {
-  font-family: 'Merriweather';
-  font-size: $h3-font-size;
-  content: "+";
+  content: "Zobraziť hodnotené kritériá";
 }

app/assets/stylesheets/schedule.scss

@@ -0,0 +1,100 @@
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 100%;
+  word-wrap: break-word;
+}
+
+.card-body {
+  flex: 1 1 auto;
+  padding: 1.25rem;
+}
+.vertical-timeline {
+  width: 100%;
+  position: relative;
+  padding: 1.5rem 0 1rem;
+}
+
+.vertical-timeline::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 67px;
+  height: 100%;
+  width: 4px;
+  background: #e9ecef;
+}
+
+.vertical-timeline-element {
+  position: relative;
+  margin: 0 0 1rem;
+}
+
+.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
+  visibility: visible;
+  animation: cd-bounce-1 .8s;
+}
+.vertical-timeline-element-icon {
+  position: absolute;
+  top: 0;
+  left: 60px;
+}
+
+.vertical-timeline-element-icon .badge-dot-xl {
+  box-shadow: 0 0 0 5px #fff;
+}
+
+.badge-dot-xl {
+  width: 18px;
+  height: 18px;
+  position: relative;
+}
+.badge:empty {
+  display: none;
+}
+
+
+.badge-dot-xl::before {
+  content: '';
+  width: 10px;
+  height: 10px;
+  border-radius: .25rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin: -5px 0 0 -5px;
+  background: #fff;
+}
+
+.vertical-timeline-element-content {
+  position: relative;
+  margin-left: 90px;
+  font-size: .8rem;
+}
+
+.vertical-timeline-element-content .timeline-title {
+  font-size: .8rem;
+  text-transform: uppercase;
+  margin: 0 0 .5rem;
+  padding: 2px 0 0;
+  font-weight: bold;
+}
+
+.vertical-timeline-element-content .vertical-timeline-element-date {
+  display: block;
+  position: absolute;
+  left: -100px;
+  top: 0;
+  padding-right: 10px;
+  text-align: right;
+  color: #000000;
+  font-size: .7619rem;
+  white-space: nowrap;
+}
+
+.vertical-timeline-element-content:after {
+  content: "";
+  display: table;
+  clear: both;
+}