Merge branch 'master' of ssh://51.254.143.84:9319/home/git/techacademy

Gemfile.lock

@@ -223,4 +223,8 @@ DEPENDENCIES
   web-console (>= 3.3.0)
 
 BUNDLED WITH
+<<<<<<< HEAD
    1.16.6
+=======
+   1.16.1
+>>>>>>> 5f5256bedc688f7bc228597a9dd5865b4df6686c

app/assets/stylesheets/main.css.erb

@@ -1580,7 +1580,7 @@ input, select, textarea {
 
 /* Features */
 
-  #features {
+  .features {
     background: #353D40 url("<%= asset_path('bg02.jpg') %>");
     border-bottom: solid 1px #272e31;
     padding: 45px 0 45px 0;
@@ -1588,63 +1588,63 @@ input, select, textarea {
     color: #a0a8ab;
   }
 
-    #features h2 {
+    .features h2 {
       font-size: 1.25em;
       color: #fff;
       margin: 0 0 0.25em 0;
     }
 
-    #features a {
+    .features a {
       color: #e0e8eb;
     }
 
-    #features strong {
+    .features strong {
       color: #fff;
     }
 
 /* Content */
 
-  #content {
+  .content {
     background: #f7f7f7 url("<%= asset_path('bg04.png') %>");
     border-top: solid 1px #fff;
     padding: 45px 0 45px 0;
   }
 
-    #content section {
+    .content section {
       background: #fff;
       padding: 40px 30px 45px 30px;
       box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
       margin: 0 0 25px 0;
     }
 
-    #content h2 {
+    .content h2 {
       font-size: 1.8em;
       color: #373f42;
       margin: 0 0 0.25em 0;
     }
 
-    #content h3 {
+    .content h3 {
       color: #000000; /* #96a9b5; */
       font-size: 1.25em;
     }
 
-    #content a {
+    .content a {
       color: #ED391B;
     }
 
-    #content header {
+    .content header {
       margin: 0 0 2em 0;
     }
 
-    #content .quote-list li {
+    .content .quote-list li {
       border-bottom: solid 1px #e2e6e8;
     }
 
-    #content .link-list li {
+    .content .link-list li {
       border-bottom: solid 1px #e2e6e8;
     }
 
-    #content .check-list li {
+    .content .check-list li {
       border-bottom: solid 1px #e2e6e8;
     }
 
@@ -1757,15 +1757,15 @@ input, select, textarea {
 
     /* Content */
 
-      #content h2 {
+      .content h2 {
         font-size: 1.4em;
       }
 
-      #content h3 {
+      .content h3 {
         font-size: 1.1em;
       }
 
-      #content header {
+      .content header {
         margin: 0 0 1.25em 0;
       }
 
@@ -1797,7 +1797,7 @@ input, select, textarea {
 
     /* Content */
 
-      #content {
+      .content {
         padding: 25px 0;
       }
 
@@ -1993,19 +1993,19 @@ input, select, textarea {
 
     /* Content */
 
-      #content section {
+      .content section {
         padding: 30px 20px;
       }
 
-      #content h2 {
+      .content h2 {
         font-size: 1.25em;
       }
 
-      #content h3 {
+      .content h3 {
         font-size: 1em;
       }
 
-      #content header {
+      .content header {
         margin: 0 0 1.25em 0;
       }
 
@@ -2120,3 +2120,17 @@ input, select, textarea {
   background:linear-gradient(to bottom, #34CACA 5%, #30C9C9 100%);
   background-color:#34CACA;
 }
+
+.videoWrapper {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  padding-top: 25px;
+  height: 0;
+}
+.videoWrapper iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}

app/helpers/application_helper.rb

@@ -19,7 +19,7 @@ module ApplicationHelper
     ret
   end
   # generate errors html
-  def errors_to_html(errors )
+  def errors_to_html(errors)
     ret = '<div class="row"><div class="col-lg-12 col-md-12 panel-danger"><div class="content-box-header panel-heading"><div class="panel-title">'
     ret += I18n.t("activerecord.errors.messages.record_invalid", errors: errors.count)
     ret += '</div></div><div class="content-box-large box-with-header" style="background:#f9dddd"><ul>'

app/views/layouts/application.html.erb

@@ -25,6 +25,7 @@
 
               <!-- Nav -->
               <nav id="nav">
+                <a href="/">Home</a>
                 <%= raw menu_top(@pages) %>
               </nav>
 

app/views/site/index.html.erb

@@ -1,4 +1,4 @@
-<div class="gradient" id='content'>
+<section class='content'>
   <div class="container">
     <div class="row aln-center">
       <div class="col-6 col-12-medium">
@@ -23,8 +23,52 @@
 
       </div>
       <div class="col-6 col-12-medium">
-        <iframe width="540" height="400" src="https://www.youtube.com/embed/oL_Y1UEjKfo?controls=0" class="imp-medium"></iframe>
+        <div class="videoWrapper">
+          <iframe width="540" height="400" src="https://www.youtube.com/embed/oL_Y1UEjKfo?controls=0" class="imp-medium"></iframe>
+        </div>
       </div>
     </div>
   </div>
-</div>
+</section>
+<section class="features">
+  <div class="container">
+    <div class="row aln-center">
+      <div class="col-6 col-6-medium">
+        <section>
+          <span style="font-size:3em;">Zapisz się do newslettera</span><br /><br />
+          <h2>a poznasz 20 sposobów na wykorzystanie włókien węglowych</h2><br />
+          <%= link_to 'Zapisz się', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
+        </section>
+      </div>
+      <div class="col-6 col-6-medium">
+        <%= image_tag 'pedefik400a' %>
+      </div>
+    </div>
+  </div>
+</section>
+<section class='content'>
+  <div class="container">
+    <div class="row aln-center">
+      <div class="col-12 col-12-medium">
+        <section>
+          <header>
+            <h2>Między innymi o tym dowiesz się biorąc udział w kursie:</h2>
+          </header>
+          <ul class="check-list">
+            <li>Czym jest CFRP?</li>
+            <li>Dlaczego CFRP jest mocniejsze od stali?</li>
+            <li>Procedura wzmacniania belek ze względu na zginanie używając CFRP</li>
+            <li>Procedura wzmacniania belek ze względu na ścinanie używając CFRP</li>
+            <li>Procedura wzmocnienia słupów ze względu na ściskanie używając CFRP</li>
+            <li>Szczegóły rozwiązań technicznych i detali</li>
+            <li>Prawidłowa procedura wykonania i odbioru robót</li>
+          </ul>
+          <br />
+          <p>Jeżeli jeszcze tego nie zrobiłeś, to po prostu zapisz się do newslettera, a informacje na temat tego kursu cię nie ominą. </p>
+          <%= link_to 'Zapisz się', { controller: :newsletter, action: :new }, { remote: false, class: "button-large", style: 'color:white;' } %>
+        </section>
+
+      </div>
+    </div>
+  </div>
+</section>

app/views/site/show.html.erb

@@ -1,4 +1,4 @@
-<section id="content">
+<section class="content">
   <div class="container">
     <div class="row">
       <div class="col-12">