Add Sass, update content

ateliereven · Feb 9, 2022 · 67d6210 · 67d6210
1 parent e7a62ae
commit 67d6210
Show file tree

Hide file tree

Showing 40 changed files with 2,148 additions and 1,663 deletions.
diff --git a/about.html b/about.html
@@ -39,7 +39,7 @@
                 founded in Tel Aviv by myself – Orly Even - a practicing artist, architect and web-developer (allow me to continue in
                 the first person&#9786). I hold a B.Arch degree in architecture (2010, Tel-Aviv Uni., <span
                     style="font-style: italic;">magna cum laude</span>) and
-                a Master’s degree in history and philosophy of science and ideas (2016, Tel-Aviv Uni., <span
+                a Master's degree in history and philosophy of science and ideas (2016, Tel-Aviv Uni., <span
                     style="font-style: italic;">summa cum laude</span>). Over the past
                 decade my main professional focus has been on architectural practice, and I have worked in top
                 architecture firms in Tel

diff --git a/academics&theory.html b/academics&theory.html
@@ -26,14 +26,14 @@
 
     <div class="section-container pagetitle1 ">
         <div class="logo-in-title"><a href="/"> <img src="img/logo.png" alt="logo"></a></div>
-        <div class="title"><img src="img/Academics&Theory.png" alt=""></div>
+        <div class="title"><img src="img/Academics&Theory.png" alt="Academics&Theory"></div>
     </div>
     <div class="headline"><i>Selected Texts</i></div>
 
     <div class="section-container">
         <div class="section">
             <a class="headcolumn" href="academics&theory_The-Sublime-Object-of-Nazi-Architecture.html">
-                <div class="imagethumb1 fade-in-image"
+                <div class="imagethumb1 mb-1 fade-in-image"
                     style="background-image:url(img/Academics&Theory/TheSublimeObjectofNaziArchitecture/10_Tempelhof.jpg);">
                 </div>
                 SUBLIME OBJECT OF NAZI ARCH.
@@ -42,7 +42,7 @@
 
         <div class="section">
             <a class="headcolumn" href="academics&theory_Re-imagining-the-Face.html">
-                <div class="imagethumb1 fade-in-image"
+                <div class="imagethumb1 mb-1 fade-in-image"
                     style="background-image:url(img/Thumbnails/12_Self-Color.jpg); background-position:bottom;">
                 </div>
                 RE-IMAGINING THE FACE
@@ -51,7 +51,7 @@
 
         <div class="section">
             <a class="headcolumn" href="academics&theory_Building-Entrances-as-Cultural-Narratives.html">
-                <div class="imagethumb1 fade-in-image"
+                <div class="imagethumb1 mb-1 fade-in-image"
                     style="background-image:url(img/Thumbnails/AhuzatBayit.jpg)">
                 </div>
                 BUILDING ENTRANCES AS CULTURAL NARRATIVES
@@ -60,7 +60,7 @@
 
         <div class="section">
             <a class="headcolumn" href="academics&theory_On-A-Portrait-of-the-Artist-as-a-Young-Man.html">
-                <div class="imagethumb1 fade-in-image"
+                <div class="imagethumb1 mb-1 fade-in-image"
                     style="background-image:url(img/Thumbnails/Rembrandt_van_Rijn_-_Portrait_of_the_Artist_as_a_Young_Man_-_Google_Art_Project.jpg)">
                 </div>
                 ON JAMES JOICE'S <span style="font-style: italic;">PORTRAIT</span>
@@ -69,7 +69,7 @@
 
         <div class="section">
             <a class="headcolumn" href="academics&theory_Architects-as-Spatial-Agents-of-Digital-Urbanism.html">
-                <div class="imagethumb1 fade-in-image"
+                <div class="imagethumb1 mb-1 fade-in-image"
                     style="background-image:url(img/Thumbnails/1024px-Amazon_Spheres_01.jpg)">
                 </div>
                 ARCHITECTS AS SPATIAL AGENTS OF DIGITAL URBANISM</span>
@@ -79,7 +79,7 @@
         <div class="section">
             <a class="headcolumn"
                 href="https://tau-primo.hosted.exlibrisgroup.com/primo-explore/fulldisplay?docid=972TAU_ALMA51306961270004146&context=L&vid=TAU&lang=iw_IL&search_scope=TAU_Blended&adaptor=Local%20Search%20Engine&tab=default_tab&query=any,contains,%D7%90%D7%95%D7%A8%D7%9C%D7%99%20%D7%90%D7%91%D7%9F&mode=Basic">
-                <div class="imagethumb1 fade-in-image"
+                <div class="imagethumb1 mb-1 fade-in-image"
                     style="background-image:url(img/Thumbnails/Figure10_Nürnberg,_Reichsparteitag,_Lichtdom.jpg); background-position:bottom;">
                 </div>
                 M.A THESIS @ TAU (HEBREW)

diff --git a/academics&theory_Architects-as-Spatial-Agents-of-Digital-Urbanism.html b/academics&theory_Architects-as-Spatial-Agents-of-Digital-Urbanism.html
@@ -23,10 +23,10 @@
 
 <body>
 
-    <div class="navbar" id="navbar"></div>
+    <header class="navbar" id="navbar" style="width: 86%"></header>
 
     <div class="row">
-        <img class="pagetitle" src="img/Academics&Theory.png" alt="">
+        <img class="pagetitle" src="img/Academics&Theory.png" alt="Academics&Theory">
         <br>
         <div class="mainheadline">Architects as Spatial Agents of Digital Urbanism – between Large Digital Corporations,
             Governing Institutions and Urban Society</div>

diff --git a/academics&theory_Building-Entrances-as-Cultural-Narratives.html b/academics&theory_Building-Entrances-as-Cultural-Narratives.html
@@ -26,7 +26,7 @@
     <div class="navbar" id="navbar"></div>
 
     <div class="row">
-        <img class="pagetitle" src="img/Academics&Theory.png" alt="">
+        <img class="pagetitle" src="img/Academics&Theory.png" alt="Academics&Theory">
         <br>
         <div class="mainheadline" style="font-size:27.5px; line-height: 1.2;">Building Entrances as Cultural Narratives:
             the Case of Historic Tel-Aviv</div>
@@ -99,7 +99,7 @@
         </div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal2"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/AhuzatBayit.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/AhuzatBayit.jpg" alt="Ahuzat Bait">
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal2" class="modal">
@@ -124,7 +124,7 @@
         </div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal3"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/ALLENBY_STREET_IN_TEL_AVIV._רחוב_אלנבי_בתל_אביב.D23-104.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/ALLENBY_STREET_IN_TEL_AVIV._רחוב_אלנבי_בתל_אביב.D23-104.jpg" alt="Allenbi St." loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal3" class="modal">
@@ -138,7 +138,7 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal4"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-PikiWiki_Israel_51165_allenby_st.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-PikiWiki_Israel_51165_allenby_st.jpg" alt="Allenbi St." loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white.svg">
         </div>
         <div id="modal4" class="modal">
@@ -164,7 +164,7 @@
         </div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal5"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/Angel_house.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/Angel_house.jpg" alt="Angel House" loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal5" class="modal">
@@ -177,7 +177,7 @@
                 domain</a>]</div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal6"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-PikiWiki_Israel_9983_rabinsky_house_in_tel_aviv.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-PikiWiki_Israel_9983_rabinsky_house_in_tel_aviv.jpg" alt="Rabinsky House" loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal6" class="modal">
@@ -201,7 +201,7 @@
         </div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal7"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-31.03.09_Tel_Aviv_091_Ibn_Gvirol_South.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-31.03.09_Tel_Aviv_091_Ibn_Gvirol_South.jpg" alt="Ibn Gavirol" loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal7" class="modal">
@@ -230,7 +230,7 @@
         </div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal8"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-חלון_ראווה_של_שען_וצורף.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-חלון_ראווה_של_שען_וצורף.jpg" alt="Loclsmith's Window" loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal8" class="modal">
@@ -256,7 +256,7 @@
         </div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal9"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/כניסה_רוטשילד_22.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/כניסה_רוטשילד_22.jpg" alt="22 Rothschild" loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal9" class="modal">
@@ -271,7 +271,7 @@
                 Commons</a>]</div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal10"
-                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/frishman.jpg">
+                src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/frishman.jpg" alt="Frishman Tower" loading="lazy">
             <img class=magnifying src="img/magnifying-glass-white.svg">
         </div>
         <div id="modal10" class="modal">

diff --git a/academics&theory_On-A-Portrait-of-the-Artist-as-a-Young-Man.html b/academics&theory_On-A-Portrait-of-the-Artist-as-a-Young-Man.html
@@ -27,14 +27,16 @@
     <div class="navbar" id="navbar"></div>
 
     <div class="row">
-        <img class="pagetitle" src="img/Academics&Theory.png" alt="">
+        <img class="pagetitle" src="img/Academics&Theory.png" alt="Academics & Theory">
         <br>
         <div class="mainheadline">פונקציות הפתיחה ב<span style="font-style: italic;">דיוקן האמן כאיש צעיר</span></div>
 
         <div class="subtitle" style="margin-top: 20px; text-transform: uppercase;">מאת: אורלי אבן</div>
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal1"
-                src="img/Academics&Theory/Rembrandt_van_Rijn_-_Portrait_of_the_Artist_as_a_Young_Man_-_Google_Art_Project.jpg">
+                src="img/Academics&Theory/Rembrandt_van_Rijn_-_Portrait_of_the_Artist_as_a_Young_Man_-_Google_Art_Project.jpg"
+                alt="Portrait_of_the_Artist_as_a_Young_Man"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal1" class="modal">

diff --git a/academics&theory_Re-imagining-the-Face.html b/academics&theory_Re-imagining-the-Face.html
@@ -26,7 +26,7 @@
     <div class="navbar" id="navbar"></div>
 
     <div class="row">
-        <img class="pagetitle" src="img/Academics&Theory.png" alt="">
+        <img class="pagetitle" src="img/Academics&Theory.png" alt="Academics&Theory">
         <br>
         <div class="mainheadline" style="font-size: 26.9px;">Re-imagining the Face: Reflections on the Mirror Phase in
             the works of Chuck Close</div>
@@ -37,7 +37,9 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal1"
-                src="img/Academics&Theory/Re-imagining-the-Face/IMG_3723.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/IMG_3723.jpg"
+                alt="Re-imagining-the-Face"
+                >
             <img class=magnifying src="img/magnifying-glass-white.svg">
         </div>
         <div id="modal1" class="modal">
@@ -150,7 +152,10 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal2"
-                src="img/Academics&Theory/Re-imagining-the-Face/64857_0508e42c1c_o.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/64857_0508e42c1c_o.jpg"
+                loading="lazy"
+                alt="Phil"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal2" class="modal">
@@ -206,7 +211,10 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal3"
-                src="img/Academics&Theory/Re-imagining-the-Face/IMG_7127.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/IMG_7127.jpg"
+                loading="lazy"
+                alt="Mark"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal3" class="modal">
@@ -255,7 +263,10 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal4"
-                src="img/Academics&Theory/Re-imagining-the-Face/IMG_2573.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/IMG_2573.jpg"
+                loading="lazy"
+                alt="Mark(detail)"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal4" class="modal">
@@ -386,7 +397,10 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal5"
-                src="img/Academics&Theory/Re-imagining-the-Face/4655995233_28edf5da9d_c.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/4655995233_28edf5da9d_c.jpg"
+                loading="lazy"
+                alt="Fanny/Fingerpainting"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal5" class="modal">
@@ -426,7 +440,10 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal6"
-                src="img/Academics&Theory/Re-imagining-the-Face/IMG_2591.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/IMG_2591.jpg"
+                loading="lazy"
+                alt="Lucas"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal6" class="modal">
@@ -441,7 +458,10 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal7"
-                src="img/Academics&Theory/Re-imagining-the-Face/IMG_2592.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/IMG_2592.jpg"
+                loading="lazy"
+                alt="Lucas(detail)"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal7" class="modal">
@@ -559,7 +579,10 @@
 
         <div class="imageinrow">
             <img name="img" class="imageinrow" data-modal="modal8"
-                src="img/Academics&Theory/Re-imagining-the-Face/IMG_0665.jpg">
+                src="img/Academics&Theory/Re-imagining-the-Face/IMG_0665.jpg"
+                loading="lazy"
+                alt="Emma"
+                >
             <img class=magnifying src="img/magnifying-glass-white1.svg">
         </div>
         <div id="modal8" class="modal">
@@ -632,7 +655,11 @@
         </div>
 
             <div class="imageinrow">
-                <img name="img" class="imageinrow" data-modal="modal9" src="img/Academics&Theory/Re-imagining-the-Face/IMG_0667.jpg">
+                <img name="img" class="imageinrow" data-modal="modal9" 
+                src="img/Academics&Theory/Re-imagining-the-Face/IMG_0667.jpg"
+                loading="lazy"
+                alt="Self Portrait"
+                >
                 <img class=magnifying src="img/magnifying-glass-white1.svg">
             </div>
         <div id="modal9" class="modal">
@@ -707,7 +734,10 @@
             ‘me’ <span style="font-style: italic;">awaiting to be formed</span>.
             <br>
             <br>
-            <img class="imageinrow" src="img/Academics&Theory/Re-imagining-the-Face/IMG_0684.jpg">
+            <img class="imageinrow" src="img/Academics&Theory/Re-imagining-the-Face/IMG_0684.jpg"
+            loading="lazy"
+                alt="End"
+            >
             <br>
             <br>
         </div>