vinitshahdeo · amalietm · May 30, 2023
diff --git a/template/.DS_Store b/template/.DS_Store
diff --git a/template/AMALIE_MORCH/.DS_Store b/template/AMALIE_MORCH/.DS_Store
diff --git a/template/AMALIE_MORCH/all_works.html b/template/AMALIE_MORCH/all_works.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="style_portfolio.css">
+</head>
+
+
+<body> 
+    <!-- header containing logo and side menu that slides out.  -->
+    <div class="header_allWorks">
+        <a href="portfolio_template.html">
+            <div class="item header_item-1">
+                <!-- replace with your own logo -->
+                <img src="img/logo.png">
+            </div>
+        </a>
+        <div class="item header_allWorks_item-2">
+            <button class="openbtn" onclick="openNav()">
+                <img src="img/circle.png" width="20">
+            </button>
+        </div>
+    </div>
+
+    <!-- side menu -->
+    <div id="mySidenav" class="sidenav">
+        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">
+            <img src="img/circle.fill.png" width="20">
+        </a>
+      <div id="menu" class="menu">
+
+        <!-- replace with own contact info -->
+        <div class="item menu_item-1">
+            <h3>Interested?</h3>
+            <!-- phone number -->
+            <p>(0047) 90-07-70-07</p>
+            <!-- link to your email -->
+            <a href ="mailto: [email protected]">[email protected]</a>
+        </div>
+        <div class="item menu_line"></div>
+        <div class="item menu_item-2">
+
+        <div class="address">
+            <!-- address -->
+            <p>
+                Torvgata 19<br> 
+                2000 Lillestrøm<br> 
+                Norway
+            </p>
+        </div>
+            <h4>Instagram feed</h4> 
+        </div>
+        <!-- instagram account-->
+        <div class="item menu_item-5">
+        <!-- link to your own insta account-->
+            <a href="https://www.instagram.com/ingebjorgtmorchartist/">
+        <!-- input your own insta pictures -->
+            <div class="insta_feed">
+                <img src="img/works/insta1.png">
+                <img src="img/works/insta2.png">
+                <img src="img/works/insta3.png">
+                <img src="img/works/insta4.png">
+                <img src="img/works/insta5.png">
+                <img src="img/works/insta6.png">
+            </div>
+            </a>
+        </div>
+    </div> 
+ </div>
+    <!-- fixed right menu; opens slide out side menu-->
+        <div class="right-menu">
+            <div class="item right_item-1">
+                <img src="img/arrow_pic.png" width="30">
+            </div>
+            <div class="item right_item-2" onclick="openNav()">
+                <p>Contact</p>
+            </div>
+        </div>
+
+<!-- main -->
+    <div class="all_work">
+        <div class="item all_work_item-1">
+            <h2>ALL WORKS</h2>
+        </div>
+        <!-- main starting image  -->
+        <div class="item all_work_item-2">
+            <img id="all-work-image" data-mini-gallery="mini-gallery-0"src="img/works/works3.png" >
+        </div>
+        <!-- this section covers the years of your works, the names of the work as well as the image id's of the work. -->
+        <div class="item all_work_item-3">
+            <div class="scroll_all_work">
+                <h3>2023</h3>
+                <ul id="list-items">
+                    <li 
+                        id="item1" 
+                        class="list-item" 
+                        data-image-ids="oceanblue1,oceanblue2,oceanblue3,oceanblue4,oceanblue5">
+                        Ocean blue</li>
+                    <li 
+                        id="item2"
+                        class="list-item" 
+                        data-image-ids="daydreaming1,daydreaming2,daydreaming3,daydreaming4,daydreaming5">
+                        Daydreaming</li>
+                    <li 
+                        id="item3"
+                        class="list-item" 
+                        data-image-ids="dessertdessolate1,dessertdessolate2,dessertdessolate3,dessertdessolate4,dessertdessolate5">
+                        Dessert dessolate</li>
+                    <li 
+                        id="item4"
+                        class="list-item" 
+                        data-image-ids="wonder1,wonder2,wonder3,wonder4,wonder5,wonder6">
+                        Wonder</li>
+                    <li 
+                        id="item5"
+                        class="list-item" 
+                        data-image-ids="greenoasis1,greenoasis2,greenoasis3">
+                        Green oasis</li>
+                    <li 
+                        id="item6"
+                        class="list-item" 
+                        data-image-ids="focus1,focus2,focus3,focus4,focus5">
+                        Focus</li>
+                </ul>
+                <h3>2022</h3>
+                <ul>
+                    <li id="item1">Ocean blue</li>
+                    <li id="item2">Daydreaming</li>
+                    <li id="item3">Dessert dessolate</li>
+                    <li id="item4">Wonder</li>
+                    <li id="item5">Green oasis</li>
+                    <li id="item6">Focus</li>
+                </ul>
+                <h3>2021</h3>
+                <ul>
+                    <li id="item1">Ocean blue</li>
+                    <li id="item2">Daydreaming</li>
+                    <li id="item3">Dessert dessolate</li>
+                    <li id="item4">Wonder</li>
+                    <li id="item5">Green oasis</li>
+                    <li id="item6">Focus</li>
+                </ul>
+                <h3>2020</h3>
+                <ul>
+                    <li id="item1">Ocean blue</li>
+                    <li id="item2">Daydreaming</li>
+                    <li id="item3">Dessert dessolate</li>
+                    <li id="item4">Wonder</li>
+                    <li id="item5">Green oasis</li>
+                    <li id="item6">Focus</li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="item all_work_item-4">
+            <!-- image description found in js file-->
+            <h4>Ocean blue</h4>
+            <p>2023</p>
+            <p>Acrylic on canvas</p>
+            <p>75x100</p>
+        </div>
+    <!-- small images of work -->
+        <div class="item all_work_item-6">
+            <div class="image-container"></div>
+        </div>
+    <!-- arrow to indicate scrollable list of artworks -->
+        <div class="item all_work_item-7">
+            <img src="img/long_arrow_down.png" width="20">
+        </div>
+
+    </div>
+
+<script src="portfolio_template.js"></script> 
+</body>
+</html>
diff --git a/template/AMALIE_MORCH/img/.DS_Store b/template/AMALIE_MORCH/img/.DS_Store
diff --git a/template/AMALIE_MORCH/img/IMG_1017.jpg b/template/AMALIE_MORCH/img/IMG_1017.jpg
diff --git a/template/AMALIE_MORCH/img/arrow_pic.png b/template/AMALIE_MORCH/img/arrow_pic.png
diff --git a/template/AMALIE_MORCH/img/chevron.down.png b/template/AMALIE_MORCH/img/chevron.down.png
diff --git a/template/AMALIE_MORCH/img/chevron_right.png b/template/AMALIE_MORCH/img/chevron_right.png
diff --git a/template/AMALIE_MORCH/img/circle.fill.png b/template/AMALIE_MORCH/img/circle.fill.png
diff --git a/template/AMALIE_MORCH/img/circle.png b/template/AMALIE_MORCH/img/circle.png
diff --git a/template/AMALIE_MORCH/img/exhibitions/exhibition1.png b/template/AMALIE_MORCH/img/exhibitions/exhibition1.png
diff --git a/template/AMALIE_MORCH/img/exhibitions/exhibition2.png b/template/AMALIE_MORCH/img/exhibitions/exhibition2.png
diff --git a/template/AMALIE_MORCH/img/exhibitions/exhibition3.png b/template/AMALIE_MORCH/img/exhibitions/exhibition3.png
diff --git a/template/AMALIE_MORCH/img/facebook.png b/template/AMALIE_MORCH/img/facebook.png
diff --git a/template/AMALIE_MORCH/img/hands_left.png b/template/AMALIE_MORCH/img/hands_left.png
diff --git a/template/AMALIE_MORCH/img/hands_right.png b/template/AMALIE_MORCH/img/hands_right.png
diff --git a/template/AMALIE_MORCH/img/instagram.png b/template/AMALIE_MORCH/img/instagram.png
diff --git a/template/AMALIE_MORCH/img/linkedin.png b/template/AMALIE_MORCH/img/linkedin.png
diff --git a/template/AMALIE_MORCH/img/logo.png b/template/AMALIE_MORCH/img/logo.png
diff --git a/template/AMALIE_MORCH/img/long_arrow_down.png b/template/AMALIE_MORCH/img/long_arrow_down.png
diff --git a/template/AMALIE_MORCH/img/long_arrow_right.png b/template/AMALIE_MORCH/img/long_arrow_right.png
diff --git a/template/AMALIE_MORCH/img/long_arrow_up.png b/template/AMALIE_MORCH/img/long_arrow_up.png
diff --git a/template/AMALIE_MORCH/img/news/news1.png b/template/AMALIE_MORCH/img/news/news1.png
diff --git a/template/AMALIE_MORCH/img/scroll_down.png b/template/AMALIE_MORCH/img/scroll_down.png
diff --git a/template/AMALIE_MORCH/img/square.fill.png b/template/AMALIE_MORCH/img/square.fill.png
diff --git a/template/AMALIE_MORCH/img/triangle.fill_left.png b/template/AMALIE_MORCH/img/triangle.fill_left.png
diff --git a/template/AMALIE_MORCH/img/triangle.fill_right.png b/template/AMALIE_MORCH/img/triangle.fill_right.png
diff --git a/template/AMALIE_MORCH/img/white_arrow.png b/template/AMALIE_MORCH/img/white_arrow.png
diff --git a/template/AMALIE_MORCH/img/works/.DS_Store b/template/AMALIE_MORCH/img/works/.DS_Store
diff --git a/template/AMALIE_MORCH/img/works/gallery/.DS_Store b/template/AMALIE_MORCH/img/works/gallery/.DS_Store
diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming1.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming1.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming2.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming2.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming3.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming3.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming4.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming4.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming5.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming5.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate1.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate1.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate2.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate2.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate3.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate3.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate4.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate4.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate5.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate5.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus1.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus1.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus2.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus2.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus3.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus3.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus4.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus4.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus5.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus5.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis1.png b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis1.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis2.png b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis2.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis3.png b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis3.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue1.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue1.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue2.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue2.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue3.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue3.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue4.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue4.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue5.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue5.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder1.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder1.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder2.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder2.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder3.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder3.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder4.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder4.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder5.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder5.png
diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder6.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder6.png
diff --git a/template/AMALIE_MORCH/img/works/gallery_big/.DS_Store b/template/AMALIE_MORCH/img/works/gallery_big/.DS_Store
diff --git a/template/AMALIE_MORCH/img/works/gallery_big/daydreaming.png b/template/AMALIE_MORCH/img/works/gallery_big/daydreaming.png
diff --git a/template/AMALIE_MORCH/img/works/gallery_big/dessertdessolate.png b/template/AMALIE_MORCH/img/works/gallery_big/dessertdessolate.png
diff --git a/template/AMALIE_MORCH/img/works/gallery_big/focus.png b/template/AMALIE_MORCH/img/works/gallery_big/focus.png
diff --git a/template/AMALIE_MORCH/img/works/gallery_big/greenoasis.png b/template/AMALIE_MORCH/img/works/gallery_big/greenoasis.png
diff --git a/template/AMALIE_MORCH/img/works/gallery_big/oceanblue.png b/template/AMALIE_MORCH/img/works/gallery_big/oceanblue.png
diff --git a/template/AMALIE_MORCH/img/works/gallery_big/wonder.png b/template/AMALIE_MORCH/img/works/gallery_big/wonder.png
diff --git a/template/AMALIE_MORCH/img/works/insta1.png b/template/AMALIE_MORCH/img/works/insta1.png
diff --git a/template/AMALIE_MORCH/img/works/insta2.png b/template/AMALIE_MORCH/img/works/insta2.png
diff --git a/template/AMALIE_MORCH/img/works/insta3.png b/template/AMALIE_MORCH/img/works/insta3.png
diff --git a/template/AMALIE_MORCH/img/works/insta4.png b/template/AMALIE_MORCH/img/works/insta4.png
diff --git a/template/AMALIE_MORCH/img/works/insta5.png b/template/AMALIE_MORCH/img/works/insta5.png
diff --git a/template/AMALIE_MORCH/img/works/insta6.png b/template/AMALIE_MORCH/img/works/insta6.png
diff --git a/template/AMALIE_MORCH/img/works/works1.png b/template/AMALIE_MORCH/img/works/works1.png
diff --git a/template/AMALIE_MORCH/img/works/works2.png b/template/AMALIE_MORCH/img/works/works2.png
diff --git a/template/AMALIE_MORCH/img/works/works3.png b/template/AMALIE_MORCH/img/works/works3.png