10 files changed, 123 insertions, 33 deletions
diff --git a/lehed/rollid/index.html b/lehed/rollid/index.html
index 0a53683..be810bf 100644
--- a/lehed/rollid/index.html
+++ b/lehed/rollid/index.html
@@ -4,18 +4,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Rollid</title>
-
-    <link rel="stylesheet" href="styles.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-
     <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> 
 
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <link rel="stylesheet" href="styles.css">
 </head>
 
-<body class="bg-dark">
+<body>
 
     <!-- navbar -->
     <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-2">
@@ -178,14 +174,40 @@
     
           <div class="tab-pane fade p-3 text-white" id="nav-arimees" role="tabpanel" aria-labelledby="nav-arimees-tab">
             <div class="row">
-              <div class="col-lg-8">
-                <h2 class="arimeesPealkiri">Ärimees</h2>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-              </div>
-              
-              <div class="col-lg-4">
-                <img src="pildid/arimees.jpg" alt="must-valge ärimees" class="img-fluid">
+              <div>
+                <h2 class="arimeesPealkiri">TOIVO, ärimees. Sündinud 1965.</h2>
+
+                <video controls >
+                  <source src="vids/arimees.mp4" type="video/mp4" />
+                </video>
+
+                <p>
+                Olen Toivo, omadele Toits. 22-aastane, sündinud 1965.aastal.
+                <br><br>
+                Olen eluaeg Tallinnas elanud. Juba poisikesena hakkasin ma väikestviisi äri ajama: müüsin
+                poistele välismaa nätsupabereid ja hiljem juba videokassette, teksaseid, kosmeetikat.
+                No ja nii see vaikselt hakkas looma, see minu äritegevus, noh. 
+                <br><br>
+                Õppisin Pirital, 36. keskkoolis, hinded olid peamiselt kolmed, aga soome  keelt ma õppisin.
+                Soome keelt sai  telekast õppida, sest  tallinlased ja põhjaeestlased lasid omale televiisorisse
+                paigaldada  lisajubina, mis abil said  vaadata Soome televisiooni saateid. Vene keel tuli ka
+                kuidagi iseenesest, mul on ka venelastest sõpru. 
+                <br><br>
+                Keskas käies  hakkasin Viru juures suhteid looma ja Soomest kraami vahendama. Oma esimese “soomlase”
+                sain 1986. aastal. Lihtsalt astusin sadamas ühele sommile ligi ja hakkasime rääkima. See osutus Pekkaks
+                ja nii me sõbrunesimegi. Pekka käis igal kuul Tallinnas ja hakkas mulle kilekottides riideid ja muud
+                kraami kaasa tooma. Kõige kuumemaks kaubaks olid ikka Marlboro suitsud, Levise teksad, Adi tossud-dressid.
+                Võtsin sõber Urmase ka kampa ja tegime valutsipoe. Üürisime vanalinnas ühe pinna, panime neoontuled välja
+                ja rahvas tuli! Valuutat oli enamasti välismaalastel ja ka vähestel eesti inimestel, kel on sidemeid läänes.
+                Tegelikult nõukogude inimene valuutat omada ei tohigi, kui sul seda ilma nö loata oli, võisid karistuse kaela
+                saada. Välismaalased tõid kõvasti pappi ja pood elas kenas kasumis. 
+                <br><br>
+                Minu sissetulek oli ikka kordades suurem, kui mu vanematel. 1988ndal sain endale osta auto Ford Fiesta.
+                See oli tumesinine ja teenis mind paar aastat, siis müüsin selle maha ja nüüd on mul Audi. Lääne autosid
+                on juba meie tänavatel päris palju. Seda muidugi ei tea, kuidas elu muutub, kui oma Eesti raha tuleb, aga
+                oleks ikka äge, kui saaks juba kroonidega arveldada. Usun, et nüüd, kui meil on oma riik, läheb elu ikka paremaks.
+                </p>
+
               </div>
             </div>
           </div>
@@ -193,7 +215,7 @@
           <div class="tab-pane fade p-3 text-white" id="nav-perenaine" role="tabpanel" aria-labelledby="nav-perenaine-tab">
             <div class="row">
               <div>
-                <h2 class="perenainePealkiri">VIRGE, Perenaine. Sündinud 1955, 35-aastane</h2>
+                <h2 class="perenainePealkiri">VIRGE, perenaine. Sündinud 1955, 35-aastane</h2>
 
                 <video controls >
                   <source src="vids/perenaine.mp4" type="video/mp4" />
@@ -227,16 +249,53 @@
 
           <div class="tab-pane fade p-3 text-white" id="nav-kaitseliitlane" role="tabpanel" aria-labelledby="nav-kaitseliitlane-tab">
             <div class="row">
-              <div class="col-lg-8">
-                <h2 class="kaitseliitlanePealkiri">Kaitseliitlane</h2>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio provident corporis aut, ipsa tenetur vel illo excepturi voluptate molestiae magnam, totam est id alias dicta a assumenda corrupti et repellat.</p>
-                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ullam, quaerat.</p>
-              </div>
-              
-              <div class="col-lg-4">
-                <img src="pildid/kaitseliitlane.jpg" alt="must-valge kaitseliitlane" class="img-fluid">
+              <div>
+                <h2 class="kaitseliitlanePealkiri">VAHUR, kaitseliitlane. Sündinud 1938, 53-aastane</h2>
+
+                <video controls >
+                  <source src="vids/kaitseliitlane.mp4" type="video/mp4" />
+                </video>
+
+                <p>
+                Sündisin Eesti Vabariigis, aga lapsepõlv möödus Siberis, sest vanaisa ja isa olid Eesti ajal
+                Kaitseliitlased – nagu nüüd minagi. Vene võimule ja sellega kaasajooksikutele see muidugi ei
+                meeldinud. Nad kartsid meid, paindumatuid, sinimustvalgeid Eesti mehi!
+                 Tagasi koju jõudsime ainult mina ja vennas. 1956. aastal, tükk aega pärast Stalini surma.
+                Aga praegugi on ajad ärevad, nüüd tuleb kokku võtta kogu talupoja tarkus ja isamaa-armastus.
+                Kas nüüd või mitte kunagi peab Eesti taas vabaks saama ja jääma!
+                <br><br>  
+                Kaks päeva tagasi, 19. augustil, saatsime Kaitseliiduga Tartust Tallinnasse rühma,
+                kes hakkas Toompea, raadiomaja ja teletorni kindlustamist ette valmistama. Nüüd jõudsin ise ka siia, teletorni alla.
+                <br><br>  
+                Aga meie relvad on küll sellised, millega suudame soomusmasinatega Pihkva dessandile vastu seista heal
+                juhul 10 minutit. Seda ma oma noortele kaaslastele igaks juhuks muidugi ei ütle.
+                Midagi head siiski ka – mõne kuu eest saime Tartu meestelt Tartu naha- ja jalatsikombinaadis tehtud
+                kummitallamassist kumminuiad, mis on täiesti efektiivsed riistapuud! Teise ilmasõja aegne vanalt
+                vene ohvitserilt saadud TT nagaan on mul samuti kaasas. Seitsme padruniga, sest tegin enne tulekut kuuris proovipaugu… 
+                Ega ma sellega küll soldatite nina alla vehkima lähe – Vene väed ja relvad on
+                ju Eestis igal pool ning miilits ka kõvasti paremini relvastatud – isegi kui neil enam sama suurt
+                pealehakkamist pole kui enne öölaulupidusid. Kas mäletate, kuidas Heinz Valk seal müristas:
+                „Ükskord me võidame niikuinii!“. Vaat nüüd on see aeg käes!
+                <br><br>  
+                Kui läheb laskmiseks, hakkame vastu nii palju kui suudame. Tähtis on, et see kõik jõuaks
+                välismaa lehtedesse – nii, nagu Vilniuses. Provokaatoritega peab muidugi olema ettevaatlik ja karm.
+                KGB on aktiivne ja ässitab rahvast, et olukord käest läheks. Raadiomaja juures ju viisid
+                meie omad kaks KGB provokaatorit minema. Eskaleerimisest poleks õieti kellelegi kasu,
+                nii et ei mingit sõimamist või kividega loopimist! Aga üldiselt pole meil aimugi, kui palju dessantlasedki
+                üldse asjast teavad. Peaks kelleltki transistorraadiot küsima, et kui Moskvast hakkab info läbi tulema,
+                siis see ka nendeni jõuaks… Kui aga dessantväelased alustavad… 
+                <br><br><br> 
+                Saa vabaks, Eesti meri,
+                <br>
+                Saa vabaks, Eesti pind!
+                <br>
+                Siis tuisku ega tormi
+                <br>
+                ei karda Eesti rind!
+                <br><br>
+                &emsp;&emsp;-Viktor Konstantin Oxford (Oksvort)
+                </p>
+
               </div>
             </div>
           </div>
diff --git a/lehed/rollid/styles.css b/lehed/rollid/styles.css
index 638a630..595cbdc 100644
--- a/lehed/rollid/styles.css
+++ b/lehed/rollid/styles.css
@@ -1,18 +1,12 @@
-/*
-@font-face {
-    font-family: 'fontUno';
-    src: url('fonts/FirstSchool.ttf');
-}
-*/
-
 @font-face {
     font-family: 'fontUno';
     src: url('fonts/test/C059-BdIta.otf');
 }
 
 body{
-    font-family: 'Cormorant SC', serif !important;
     max-width: 100% !important;
+    background-color: #43464b;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 button{
@@ -34,6 +28,31 @@ video {
 }
 
 
+
+
+/* NavBar */
+.navbar{
+    margin: 1.2rem;
+    margin-top: 0;
+    border-bottom: 2px solid white;
+}
+
+.navbar span{
+    font-weight: bold !important;
+    color: white !important;
+}
+
+.navbar a:hover{
+    color: snow;
+    font-weight: bolder;
+}
+.navbar a{ color: white; }
+
+
+
+
+
+
 /* Pealkirjade värvid */
 
 .uliopilanePealkiri {
@@ -68,3 +87,13 @@ video {
         margin-left: 0px;
     }
 }
+
+
+
+#nav-opilane-tab{ color: #4169E1 !important}
+#nav-arimees-tab{ color: #2FF924 !important}
+#nav-perenaine-tab{ color: #FEDD00 !important}
+#nav-partorg-tab{ color: #a1000e !important}
+#nav-kaitseliitlane-tab{color: #156734 !important}
+#nav-direktor-tab{ color: #ED8B00 !important}
+
diff --git a/lehed/rollid/vids/arimees.mp4.REMOVED.git-id b/lehed/rollid/vids/arimees.mp4.REMOVED.git-id
new file mode 100644
index 0000000..0b300e6
--- /dev/null
+++ b/lehed/rollid/vids/arimees.mp4.REMOVED.git-id
@@ -0,0 +1 @@
+38c0efe1a140f97e3cf177dfbe8c26f6069b77f7
+\ No newline at end of file
diff --git a/lehed/rollid/vids/avatars/arimees.jpg b/lehed/rollid/vids/avatars/arimees.jpg
new file mode 100644
index 0000000..a9b589f
--- /dev/null
+++ b/lehed/rollid/vids/avatars/arimees.jpg
diff --git a/lehed/rollid/vids/screens/direktor.jpg b/lehed/rollid/vids/avatars/direktor.jpg
index b89268d..b89268d 100644
--- a/lehed/rollid/vids/screens/direktor.jpg
+++ b/lehed/rollid/vids/avatars/direktor.jpg
diff --git a/lehed/rollid/vids/avatars/kaitseliitlane.jpg b/lehed/rollid/vids/avatars/kaitseliitlane.jpg
new file mode 100644
index 0000000..3ff0a3a
--- /dev/null
+++ b/lehed/rollid/vids/avatars/kaitseliitlane.jpg
diff --git a/lehed/rollid/vids/screens/partorg.jpg b/lehed/rollid/vids/avatars/partorg.jpg
index 53d3b8e..53d3b8e 100644
--- a/lehed/rollid/vids/screens/partorg.jpg
+++ b/lehed/rollid/vids/avatars/partorg.jpg
diff --git a/lehed/rollid/vids/screens/perenaine.jpg b/lehed/rollid/vids/avatars/perenaine.jpg
index 481db36..481db36 100644
--- a/lehed/rollid/vids/screens/perenaine.jpg
+++ b/lehed/rollid/vids/avatars/perenaine.jpg
diff --git a/lehed/rollid/vids/screens/uliopilane.jpg b/lehed/rollid/vids/avatars/uliopilane.jpg
index 9c4d344..9c4d344 100644
--- a/lehed/rollid/vids/screens/uliopilane.jpg
+++ b/lehed/rollid/vids/avatars/uliopilane.jpg
diff --git a/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id b/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id
new file mode 100644
index 0000000..1153e6c
--- /dev/null
+++ b/lehed/rollid/vids/kaitseliitlane.mp4.REMOVED.git-id
@@ -0,0 +1 @@
+9d735d29d8ffdfa7b8b69146394d3c601c4a912e
+\ No newline at end of file