From 149f0ed5d3ad8274505787a8ec6ac4ef1524b279 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Herman=20=C3=95unapuu?= <hermanounapuu@gmail.com>
Date: Sun, 5 Aug 2018 14:39:44 +0300
Subject: [PATCH] Added very basic student and mentors views for now

---
 _includes/footer.html |  11 +----
 _sass/header.scss     |   2 +-
 _sass/helpdesk.scss   |   2 +-
 _sass/student.scss    |  25 ++++++++++
 aboutus.html          |   5 ++
 assets/main.scss      |   1 +
 mentors.html          | 112 ++++++++++++++++++++++++++++++++++++++++++
 student.html          |  24 +++++++++
 student.md            |   8 ---
 9 files changed, 171 insertions(+), 19 deletions(-)
 create mode 100644 _sass/student.scss
 create mode 100644 aboutus.html
 create mode 100644 mentors.html
 create mode 100644 student.html
 delete mode 100644 student.md

diff --git a/_includes/footer.html b/_includes/footer.html
index 9f555fd..17d7c4e 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,17 +1,10 @@
 <footer class="main-footer">
   <section class="container">
     <div class="row">
-      <div class="column">
-        <h3>About us</h3>
-        <p>
-          Lapikud is brought to you by awesome people at TTÜ Software development club
-          <a href="https://lapikud.ee">Lapikud</a>.
-        </p>
-      </div>
       <div class="column footer-nav">
-        <h3>Navigation</h3>
+        <h3>Navigatsioon</h3>
         <ul>
-          <li><a href="/">Home</a></li>
+          <li><a href="/">Esileht</a></li>
           {% include main_nav.html %}
         </ul>
       </div>
diff --git a/_sass/header.scss b/_sass/header.scss
index 9ac6893..7057768 100644
--- a/_sass/header.scss
+++ b/_sass/header.scss
@@ -9,7 +9,7 @@
     max-width: 112.0rem;
 
     .logo {
-        height: 3rem;
+        height: 8rem;
         vertical-align: middle;
         display: inline;
     }
diff --git a/_sass/helpdesk.scss b/_sass/helpdesk.scss
index 33298e3..8aaab44 100644
--- a/_sass/helpdesk.scss
+++ b/_sass/helpdesk.scss
@@ -4,7 +4,7 @@
   flex           : 1;
   width          : 85vw;
   max-width      : 1200px;
-  margin         : 0 auto;
+  margin         : 5rem auto 0;
 }
 
 .page * {
diff --git a/_sass/student.scss b/_sass/student.scss
new file mode 100644
index 0000000..1214bc3
--- /dev/null
+++ b/_sass/student.scss
@@ -0,0 +1,25 @@
+.mentor-info {
+  display : flex;
+
+  img {
+    flex : 1;
+    display : block;
+    max-height: 30rem;
+    max-width: 30rem;
+    height: auto;
+    width: auto;
+  }
+  .mentor-info-text {
+    flex : 3;
+    display : flex;
+    flex-direction: column;
+    padding-left: 5rem;
+    padding-right: 3rem;  }
+
+}
+
+
+.row {
+  display : flex;
+  flex-direction: row;
+}
diff --git a/aboutus.html b/aboutus.html
new file mode 100644
index 0000000..e4dfc2c
--- /dev/null
+++ b/aboutus.html
@@ -0,0 +1,5 @@
+---
+layout: default
+---
+<div class="page">
+</div>
diff --git a/assets/main.scss b/assets/main.scss
index 00c5578..cb80c17 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -27,3 +27,4 @@ h4 {
 @import 'contact';
 @import 'helpdesk';
 @import 'ourwork';
+@import 'student';
diff --git a/mentors.html b/mentors.html
new file mode 100644
index 0000000..a36aad3
--- /dev/null
+++ b/mentors.html
@@ -0,0 +1,112 @@
+---
+layout: default
+---
+<div class="page">
+  <h1>Mentorid</h1>
+
+
+  <div class="mentor-info">
+    <img
+        src="https://img.purch.com/w/660/aHR0cDovL3d3dy5saXZlc2NpZW5jZS5jb20vaW1hZ2VzL2kvMDAwLzA5OS81OTgvb3JpZ2luYWwvZmxhdC1lYXJ0aC1OTy1SRVVTRS5qcGc=">
+
+    <div class="mentor-info-text">
+      <h3>Maa Lapik</h3>
+
+      <div class="row">
+        <div>
+          <p>Vanus: 2018</p>
+          <p>Eriala: kettaheide</p>
+          <p>Kursus: jah</p>
+          <p>Tiimid:</p>
+          <ul>
+            <li>Turundus</li>
+            <li>Üritused</li>
+          </ul>
+          <p>Kontakt:</p>
+          <p>Telefon: +372 12345678</p>
+          <p>E-mail: lappes@lapikud.ee</p>
+        </div>
+
+        <div>
+          <h4>Miks peaksid valima minu enda mentoriks?</h4>
+          <p>Vali mind, kui sind huvitab lapiku maa teooria.</p>
+          <h4>Millega tegelen väljaspool Lapikuid?</h4>
+          <p>Pöörlemine, tiirlemine, päikesevalguse peegeldamine.</p>
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+
+
+  <div class="mentor-info">
+    <img
+        src="https://img.purch.com/w/660/aHR0cDovL3d3dy5saXZlc2NpZW5jZS5jb20vaW1hZ2VzL2kvMDAwLzA5OS81OTgvb3JpZ2luYWwvZmxhdC1lYXJ0aC1OTy1SRVVTRS5qcGc=">
+
+    <div class="mentor-info-text">
+      <h3>Maa Lapik</h3>
+
+      <div class="row">
+        <div>
+          <p>Vanus: 2018</p>
+          <p>Eriala: kettaheide</p>
+          <p>Kursus: jah</p>
+          <p>Tiimid:</p>
+          <ul>
+            <li>Turundus</li>
+            <li>Üritused</li>
+          </ul>
+          <p>Kontakt:</p>
+          <p>Telefon: +372 12345678</p>
+          <p>E-mail: lappes@lapikud.ee</p>
+        </div>
+
+        <div>
+          <h4>Miks peaksid valima minu enda mentoriks?</h4>
+          <p>Vali mind, kui sind huvitab lapiku maa teooria.</p>
+          <h4>Millega tegelen väljaspool Lapikuid?</h4>
+          <p>Pöörlemine, tiirlemine, päikesevalguse peegeldamine.</p>
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+
+
+  <div class="mentor-info">
+    <img
+        src="https://img.purch.com/w/660/aHR0cDovL3d3dy5saXZlc2NpZW5jZS5jb20vaW1hZ2VzL2kvMDAwLzA5OS81OTgvb3JpZ2luYWwvZmxhdC1lYXJ0aC1OTy1SRVVTRS5qcGc=">
+
+    <div class="mentor-info-text">
+      <h3>Maa Lapik</h3>
+
+      <div class="row">
+        <div>
+          <p>Vanus: 2018</p>
+          <p>Eriala: kettaheide</p>
+          <p>Kursus: jah</p>
+          <p>Tiimid:</p>
+          <ul>
+            <li>Turundus</li>
+            <li>Üritused</li>
+          </ul>
+          <p>Kontakt:</p>
+          <p>Telefon: +372 12345678</p>
+          <p>E-mail: lappes@lapikud.ee</p>
+        </div>
+
+        <div>
+          <h4>Miks peaksid valima minu enda mentoriks?</h4>
+          <p>Vali mind, kui sind huvitab lapiku maa teooria.</p>
+          <h4>Millega tegelen väljaspool Lapikuid?</h4>
+          <p>Pöörlemine, tiirlemine, päikesevalguse peegeldamine.</p>
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+
+</div>
diff --git a/student.html b/student.html
new file mode 100644
index 0000000..ccd14a0
--- /dev/null
+++ b/student.html
@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+<div class="page">
+  <div id="student-what-we-do">
+    <h1>Mida me teeme?</h1>
+    <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
+  </div>
+  <div id="student-what-they-can-do">
+    <h1>Mida saad sina teha?</h1>
+    <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
+  </div>
+  <div id="student-mentors-banner">
+    <a href="/mentors">
+      <h1 class="centered-text">Tutvu meie mentoritega!</h1>
+    </a>
+  </div>
+  <div id="student-sign-up">
+    <a href="#">
+      <h1 class="centered-text">Liitu meiega!</h1>
+    </a>
+  </div>
+</div>
diff --git a/student.md b/student.md
deleted file mode 100644
index 8e7d8a3..0000000
--- a/student.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-layout: post
----
-
-# Liitu meiega!
-
-Me oleme ägedad jms
-[Facebook](fb.com/lapikud)