diff --git a/template/.DS_Store b/template/.DS_Store new file mode 100644 index 0000000..1d7a153 Binary files /dev/null and b/template/.DS_Store differ diff --git a/template/AMALIE_MORCH/.DS_Store b/template/AMALIE_MORCH/.DS_Store new file mode 100644 index 0000000..70f4954 Binary files /dev/null and b/template/AMALIE_MORCH/.DS_Store differ diff --git a/template/AMALIE_MORCH/all_works.html b/template/AMALIE_MORCH/all_works.html new file mode 100644 index 0000000..f322afe --- /dev/null +++ b/template/AMALIE_MORCH/all_works.html @@ -0,0 +1,175 @@ + + + + + + + + + + +
+ +
+ + +
+ +
+ +
+
+ + +
+ + + + +
+ +
+
+ +
+
+

Contact

+
+
+ + +
+
+

ALL WORKS

+
+ +
+ +
+ +
+
+

2023

+
    +
  • + Ocean blue
    • +
  • + Daydreaming
    • +
  • + Dessert dessolate
    • +
  • + Wonder
    • +
  • + Green oasis
    • +
  • + Focus
    • +
+

2022

+
    +
  • Ocean blue
    • +
  • Daydreaming
    • +
  • Dessert dessolate
    • +
  • Wonder
    • +
  • Green oasis
    • +
  • Focus
    • +
+

2021

+
    +
  • Ocean blue
    • +
  • Daydreaming
    • +
  • Dessert dessolate
    • +
  • Wonder
    • +
  • Green oasis
    • +
  • Focus
    • +
+

2020

+
    +
  • Ocean blue
    • +
  • Daydreaming
    • +
  • Dessert dessolate
    • +
  • Wonder
    • +
  • Green oasis
    • +
  • Focus
    • +
+
+
+ +
+ +

Ocean blue

+

2023

+

Acrylic on canvas

+

75x100

+
+ +
+
+
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/template/AMALIE_MORCH/img/.DS_Store b/template/AMALIE_MORCH/img/.DS_Store new file mode 100644 index 0000000..1c3dfde Binary files /dev/null and b/template/AMALIE_MORCH/img/.DS_Store differ diff --git a/template/AMALIE_MORCH/img/IMG_1017.jpg b/template/AMALIE_MORCH/img/IMG_1017.jpg new file mode 100644 index 0000000..bf0a6f6 Binary files /dev/null and b/template/AMALIE_MORCH/img/IMG_1017.jpg differ diff --git a/template/AMALIE_MORCH/img/arrow_pic.png b/template/AMALIE_MORCH/img/arrow_pic.png new file mode 100644 index 0000000..6bea39b Binary files /dev/null and b/template/AMALIE_MORCH/img/arrow_pic.png differ diff --git a/template/AMALIE_MORCH/img/chevron.down.png b/template/AMALIE_MORCH/img/chevron.down.png new file mode 100644 index 0000000..dce5dea Binary files /dev/null and b/template/AMALIE_MORCH/img/chevron.down.png differ diff --git a/template/AMALIE_MORCH/img/chevron_right.png b/template/AMALIE_MORCH/img/chevron_right.png new file mode 100644 index 0000000..f4feff3 Binary files /dev/null and b/template/AMALIE_MORCH/img/chevron_right.png differ diff --git a/template/AMALIE_MORCH/img/circle.fill.png b/template/AMALIE_MORCH/img/circle.fill.png new file mode 100644 index 0000000..c0f4f24 Binary files /dev/null and b/template/AMALIE_MORCH/img/circle.fill.png differ diff --git a/template/AMALIE_MORCH/img/circle.png b/template/AMALIE_MORCH/img/circle.png new file mode 100644 index 0000000..bb4d985 Binary files /dev/null and b/template/AMALIE_MORCH/img/circle.png differ diff --git a/template/AMALIE_MORCH/img/exhibitions/exhibition1.png b/template/AMALIE_MORCH/img/exhibitions/exhibition1.png new file mode 100644 index 0000000..47b8547 Binary files /dev/null and b/template/AMALIE_MORCH/img/exhibitions/exhibition1.png differ diff --git a/template/AMALIE_MORCH/img/exhibitions/exhibition2.png b/template/AMALIE_MORCH/img/exhibitions/exhibition2.png new file mode 100644 index 0000000..a675eb0 Binary files /dev/null and b/template/AMALIE_MORCH/img/exhibitions/exhibition2.png differ diff --git a/template/AMALIE_MORCH/img/exhibitions/exhibition3.png b/template/AMALIE_MORCH/img/exhibitions/exhibition3.png new file mode 100644 index 0000000..81d6a9f Binary files /dev/null and b/template/AMALIE_MORCH/img/exhibitions/exhibition3.png differ diff --git a/template/AMALIE_MORCH/img/facebook.png b/template/AMALIE_MORCH/img/facebook.png new file mode 100644 index 0000000..92bed90 Binary files /dev/null and b/template/AMALIE_MORCH/img/facebook.png differ diff --git a/template/AMALIE_MORCH/img/hands_left.png b/template/AMALIE_MORCH/img/hands_left.png new file mode 100644 index 0000000..74e8f65 Binary files /dev/null and b/template/AMALIE_MORCH/img/hands_left.png differ diff --git a/template/AMALIE_MORCH/img/hands_right.png b/template/AMALIE_MORCH/img/hands_right.png new file mode 100644 index 0000000..612d314 Binary files /dev/null and b/template/AMALIE_MORCH/img/hands_right.png differ diff --git a/template/AMALIE_MORCH/img/instagram.png b/template/AMALIE_MORCH/img/instagram.png new file mode 100644 index 0000000..cddb02d Binary files /dev/null and b/template/AMALIE_MORCH/img/instagram.png differ diff --git a/template/AMALIE_MORCH/img/linkedin.png b/template/AMALIE_MORCH/img/linkedin.png new file mode 100644 index 0000000..130f883 Binary files /dev/null and b/template/AMALIE_MORCH/img/linkedin.png differ diff --git a/template/AMALIE_MORCH/img/logo.png b/template/AMALIE_MORCH/img/logo.png new file mode 100644 index 0000000..95c149f Binary files /dev/null and b/template/AMALIE_MORCH/img/logo.png differ diff --git a/template/AMALIE_MORCH/img/long_arrow_down.png b/template/AMALIE_MORCH/img/long_arrow_down.png new file mode 100644 index 0000000..601bed0 Binary files /dev/null and b/template/AMALIE_MORCH/img/long_arrow_down.png differ diff --git a/template/AMALIE_MORCH/img/long_arrow_right.png b/template/AMALIE_MORCH/img/long_arrow_right.png new file mode 100644 index 0000000..6d15539 Binary files /dev/null and b/template/AMALIE_MORCH/img/long_arrow_right.png differ diff --git a/template/AMALIE_MORCH/img/long_arrow_up.png b/template/AMALIE_MORCH/img/long_arrow_up.png new file mode 100644 index 0000000..00359bc Binary files /dev/null and b/template/AMALIE_MORCH/img/long_arrow_up.png differ diff --git a/template/AMALIE_MORCH/img/news/news1.png b/template/AMALIE_MORCH/img/news/news1.png new file mode 100644 index 0000000..a5a36c6 Binary files /dev/null and b/template/AMALIE_MORCH/img/news/news1.png differ diff --git a/template/AMALIE_MORCH/img/scroll_down.png b/template/AMALIE_MORCH/img/scroll_down.png new file mode 100644 index 0000000..35953a9 Binary files /dev/null and b/template/AMALIE_MORCH/img/scroll_down.png differ diff --git a/template/AMALIE_MORCH/img/square.fill.png b/template/AMALIE_MORCH/img/square.fill.png new file mode 100644 index 0000000..ec75699 Binary files /dev/null and b/template/AMALIE_MORCH/img/square.fill.png differ diff --git a/template/AMALIE_MORCH/img/triangle.fill_left.png b/template/AMALIE_MORCH/img/triangle.fill_left.png new file mode 100644 index 0000000..3c7ca06 Binary files /dev/null and b/template/AMALIE_MORCH/img/triangle.fill_left.png differ diff --git a/template/AMALIE_MORCH/img/triangle.fill_right.png b/template/AMALIE_MORCH/img/triangle.fill_right.png new file mode 100644 index 0000000..b70c8b4 Binary files /dev/null and b/template/AMALIE_MORCH/img/triangle.fill_right.png differ diff --git a/template/AMALIE_MORCH/img/white_arrow.png b/template/AMALIE_MORCH/img/white_arrow.png new file mode 100644 index 0000000..8a614f1 Binary files /dev/null and b/template/AMALIE_MORCH/img/white_arrow.png differ diff --git a/template/AMALIE_MORCH/img/works/.DS_Store b/template/AMALIE_MORCH/img/works/.DS_Store new file mode 100644 index 0000000..0640d17 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/.DS_Store differ diff --git a/template/AMALIE_MORCH/img/works/gallery/.DS_Store b/template/AMALIE_MORCH/img/works/gallery/.DS_Store new file mode 100644 index 0000000..2f1acb3 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/.DS_Store differ diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming1.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming1.png new file mode 100644 index 0000000..22d1478 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming1.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming2.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming2.png new file mode 100644 index 0000000..4974a55 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming2.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming3.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming3.png new file mode 100644 index 0000000..64e3275 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming3.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming4.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming4.png new file mode 100644 index 0000000..ccb4f4b Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming4.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming5.png b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming5.png new file mode 100644 index 0000000..6b02a71 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/daydreaming/daydreaming5.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate1.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate1.png new file mode 100644 index 0000000..0161e0e Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate1.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate2.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate2.png new file mode 100644 index 0000000..72b208a Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate2.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate3.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate3.png new file mode 100644 index 0000000..0a6b751 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate3.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate4.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate4.png new file mode 100644 index 0000000..7ee66fd Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate4.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate5.png b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate5.png new file mode 100644 index 0000000..9e4df47 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/dessertdessolate/dessertdessolate5.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus1.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus1.png new file mode 100644 index 0000000..8a8e1c7 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/focus/focus1.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus2.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus2.png new file mode 100644 index 0000000..29b224f Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/focus/focus2.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus3.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus3.png new file mode 100644 index 0000000..f3a39d2 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/focus/focus3.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus4.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus4.png new file mode 100644 index 0000000..446296e Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/focus/focus4.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/focus/focus5.png b/template/AMALIE_MORCH/img/works/gallery/focus/focus5.png new file mode 100644 index 0000000..00e3cbd Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/focus/focus5.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis1.png b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis1.png new file mode 100644 index 0000000..91c1e80 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis1.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis2.png b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis2.png new file mode 100644 index 0000000..dce1494 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis2.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis3.png b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis3.png new file mode 100644 index 0000000..a08c424 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/greenoasis/greenoasis3.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue1.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue1.png new file mode 100644 index 0000000..dc37293 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue1.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue2.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue2.png new file mode 100644 index 0000000..16791dd Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue2.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue3.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue3.png new file mode 100644 index 0000000..783fcba Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue3.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue4.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue4.png new file mode 100644 index 0000000..644c371 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue4.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue5.png b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue5.png new file mode 100644 index 0000000..afb9ecd Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/oceanblue/oceanblue5.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder1.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder1.png new file mode 100644 index 0000000..496c64c Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder1.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder2.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder2.png new file mode 100644 index 0000000..26468ec Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder2.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder3.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder3.png new file mode 100644 index 0000000..b85982b Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder3.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder4.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder4.png new file mode 100644 index 0000000..5f2b92f Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder4.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder5.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder5.png new file mode 100644 index 0000000..7f7d692 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder5.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery/wonder/wonder6.png b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder6.png new file mode 100644 index 0000000..4240bf1 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery/wonder/wonder6.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery_big/.DS_Store b/template/AMALIE_MORCH/img/works/gallery_big/.DS_Store new file mode 100644 index 0000000..514a3a4 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery_big/.DS_Store differ diff --git a/template/AMALIE_MORCH/img/works/gallery_big/daydreaming.png b/template/AMALIE_MORCH/img/works/gallery_big/daydreaming.png new file mode 100644 index 0000000..33d30b4 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery_big/daydreaming.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery_big/dessertdessolate.png b/template/AMALIE_MORCH/img/works/gallery_big/dessertdessolate.png new file mode 100644 index 0000000..c14995b Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery_big/dessertdessolate.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery_big/focus.png b/template/AMALIE_MORCH/img/works/gallery_big/focus.png new file mode 100644 index 0000000..d304ac8 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery_big/focus.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery_big/greenoasis.png b/template/AMALIE_MORCH/img/works/gallery_big/greenoasis.png new file mode 100644 index 0000000..6ba89fc Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery_big/greenoasis.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery_big/oceanblue.png b/template/AMALIE_MORCH/img/works/gallery_big/oceanblue.png new file mode 100644 index 0000000..beff8ff Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery_big/oceanblue.png differ diff --git a/template/AMALIE_MORCH/img/works/gallery_big/wonder.png b/template/AMALIE_MORCH/img/works/gallery_big/wonder.png new file mode 100644 index 0000000..9de2ec0 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/gallery_big/wonder.png differ diff --git a/template/AMALIE_MORCH/img/works/insta1.png b/template/AMALIE_MORCH/img/works/insta1.png new file mode 100644 index 0000000..6ba89fc Binary files /dev/null and b/template/AMALIE_MORCH/img/works/insta1.png differ diff --git a/template/AMALIE_MORCH/img/works/insta2.png b/template/AMALIE_MORCH/img/works/insta2.png new file mode 100644 index 0000000..33d30b4 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/insta2.png differ diff --git a/template/AMALIE_MORCH/img/works/insta3.png b/template/AMALIE_MORCH/img/works/insta3.png new file mode 100644 index 0000000..f7c3035 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/insta3.png differ diff --git a/template/AMALIE_MORCH/img/works/insta4.png b/template/AMALIE_MORCH/img/works/insta4.png new file mode 100644 index 0000000..c14995b Binary files /dev/null and b/template/AMALIE_MORCH/img/works/insta4.png differ diff --git a/template/AMALIE_MORCH/img/works/insta5.png b/template/AMALIE_MORCH/img/works/insta5.png new file mode 100644 index 0000000..e478494 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/insta5.png differ diff --git a/template/AMALIE_MORCH/img/works/insta6.png b/template/AMALIE_MORCH/img/works/insta6.png new file mode 100644 index 0000000..096c477 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/insta6.png differ diff --git a/template/AMALIE_MORCH/img/works/works1.png b/template/AMALIE_MORCH/img/works/works1.png new file mode 100644 index 0000000..d304ac8 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/works1.png differ diff --git a/template/AMALIE_MORCH/img/works/works2.png b/template/AMALIE_MORCH/img/works/works2.png new file mode 100644 index 0000000..9de2ec0 Binary files /dev/null and b/template/AMALIE_MORCH/img/works/works2.png differ diff --git a/template/AMALIE_MORCH/img/works/works3.png b/template/AMALIE_MORCH/img/works/works3.png new file mode 100644 index 0000000..beff8ff Binary files /dev/null and b/template/AMALIE_MORCH/img/works/works3.png differ diff --git a/template/AMALIE_MORCH/index.html b/template/AMALIE_MORCH/index.html new file mode 100644 index 0000000..535f8e9 --- /dev/null +++ b/template/AMALIE_MORCH/index.html @@ -0,0 +1,453 @@ + + + + + + + + + + +
+ +
+ + +
+ +
+ +
+
+ + + +
+ + + + + +
+ + + +
+
+ +
+
+

Explore

+
+
+ + + +
+
+ +
+
+

Contact

+
+
+ + +
+
+ +

Ingebjørg Thorbjørnsen Mørc

+
+
+ + +
+
+ +
+
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ +
+
+ +
+
+ +

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 l

+
+
+ +

consectetur adipiscing elit, sed do eiusmod tempor

+
+ +
+ + +

See all
works

+ + + +
+ +
+ +
+ + + +
+ +
+
+ +
+
+ + +
+
+

Exhibitions

 +
+ +
+

PRESENT

+
+
+
+ +

2023

+
+ +
+ +
+ +
+

FUTURE

+
+
+
+ +

2023

+
+
+ +
+
+ +
+

PAST

+
+
+ +

2022

+
+
+ +
+
+ +

2021

+
+
+ +
+
+ + +
+
+ +

ABOUT ME

 +
+
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do ipsum dolor sit amet, consectetur

+
+
+ +

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco ltempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco l + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco

+
+
+ +
+
+ +
+
+ +
+
+ + +
+ +

INSTAGRAM

+
+ +
+ +
+ + +
+ +

FACEBOOK

+
+ +
+ +
+ + +
+ +

LINKEDIN

+
+ +
+
+
+
+ + +
+
+ +

News Articles

 +
+
+
+ +

consectetur adipiscing

+
+
+ +

ed doullamco laboris nisi ut aliquip ex ea + commodo consequat.

+
+ +
+ +

consectetur adipiscing

+
+
+ +

ed doullamco laboris nisi ut aliquip ex ea + commodo consequat.

+
+
+ + +
+
+ +
+
+ + +
+ +
+ +

LATEST WORKS

 +
+ +
+ + See all +
+ + +
+ +

Ocean Blue

+
+
+ +

2020

+
+
+ +

Acrylic on canvas

+
+
+ +

75x100 cm

+
+
+ + +
+
+ + +
+
+ +
+ +
+ +
+ +
+
+ +

Ingebjørg
Thorbjørnsen Mørch

+
+
+ +

Torvgata 19, 2000 Lillestrøm, Norway +
+ + (0047) 90-07-70-07 +
+ + ingebjorgtmorch@gmail.com +

+
+
+ + +
+

Hello.

+

This portfolio is to be viewed on a laptop to properly appreciate the artworks and get the most out of the website.

+ Going to a gallery is different from looking at the artworks in a book. Admire them in the biggest format available to you. Travel to the digital gallery of Ingebjørg Thorbjørnsen Mørch.

+
+ + + + \ No newline at end of file diff --git a/template/AMALIE_MORCH/portfolio_template.js b/template/AMALIE_MORCH/portfolio_template.js new file mode 100644 index 0000000..f4d88a0 --- /dev/null +++ b/template/AMALIE_MORCH/portfolio_template.js @@ -0,0 +1,195 @@ + +// JS +// The Javascript code was developed by collaboration with Chat GPT + +// SIDE MENU +function openNav() { + document.getElementById("mySidenav").style.width = "490px"; + } +function closeNav() { + document.getElementById("mySidenav").style.width = "0"; +} + +// BIG GALLERY PICTURE + // pictures + const images = { + item1: 'img/works/gallery_big/oceanblue.png', + item2: 'img/works/gallery_big/daydreaming.png', + item3: 'img/works/gallery_big/dessertdessolate.png', + item4: 'img/works/gallery_big/wonder.png', + item5: 'img/works/gallery_big/greenoasis.png', + item6: 'img/works/gallery_big/focus.png', + }; + + const listItems = document.querySelectorAll('li'); + const image = document.getElementById('all-work-image'); + const backBtn = document.getElementById('back-btn'); + const forwardBtn = document.getElementById('forward-btn'); + let selectedItemId = 'item1'; + + listItems.forEach(item => { + item.addEventListener('click', () => { + const itemId = item.getAttribute('id'); + const imageName = images[itemId]; + image.setAttribute('src', imageName); + selectedItemId = itemId; + updateSelected(); + }); + }); + + function updateSelected() { + listItems.forEach(item => { + const itemId = item.getAttribute('id'); + if (itemId === selectedItemId) { + item.classList.add('active'); + } else { + item.classList.remove('active'); + } + }); + +// DESCRIPTION + const title = document.querySelector('.all_work_item-4 h4'); + const year = document.querySelector('.all_work_item-4 p:nth-of-type(1)'); + const medium = document.querySelector('.all_work_item-4 p:nth-of-type(2)'); + const size = document.querySelector('.all_work_item-4 p:nth-of-type(3)'); + + // descriptions + switch (selectedItemId) { + case 'item1': + title.innerText = 'Ocean blue'; + year.innerText = '2023'; + medium.innerText = 'Acrylic on canvas'; + size.innerText = '75x100'; + break; + case 'item2': + title.innerText = 'Daydreaming'; + year.innerText = '2023'; + medium.innerText = 'Acrylic on canvas'; + size.innerText = '100x100'; + break; + case 'item3': + title.innerText = 'Dessert dessolate'; + year.innerText = '2023'; + medium.innerText = 'Acrylic on canvas'; + size.innerText = '80x100'; + break; + case 'item4': + title.innerText = 'Wonder'; + year.innerText = '2023'; + medium.innerText = 'Acrylic on canvas'; + size.innerText = '80x80'; + break; + case 'item5': + title.innerText = 'Green oasis'; + year.innerText = '2023'; + medium.innerText = 'Acrylic on canvas'; + size.innerText = '80x80'; + break; + case 'item6': + title.innerText = 'Focus'; + year.innerText = '2023'; + medium.innerText = 'Acrylic on canvas'; + size.innerText = '100x100'; + break; + default: + title.innerText = ''; + year.innerText = ''; + medium.innerText = ''; + size.innerText = ''; + break; + } + } + +// SMALL IMAGE GALLERY + document.addEventListener('DOMContentLoaded', () => { + const listItems = document.querySelectorAll('.list-item'); + const imageContainer = document.querySelector('.image-container'); + + function updateImages(imageIds) { + const smallImages = imageContainer.querySelectorAll('img'); + smallImages.forEach((image) => { + switch (imageIds.includes(image.id)) { + case true: + image.style.display = 'block'; + break; + case false: + image.style.display = 'none'; + break; + } + }); + } + + // set first list item as active + listItems[0].classList.add('active'); + const imageIds = listItems[0].dataset.imageIds.split(','); + updateImages(imageIds); + + listItems.forEach((listItem) => { + listItem.addEventListener('click', () => { + listItems.forEach((item) => { + item.classList.remove('active'); + }); + + listItem.classList.add('active'); + + const imageIds = listItem.dataset.imageIds.split(','); + updateImages(imageIds); + }); + }); + + // images + const smallImages = [ + { id: 'oceanblue1', src: 'img/works/gallery/oceanblue/oceanblue1.png' }, + { id: 'oceanblue2', src: 'img/works/gallery/oceanblue/oceanblue2.png' }, + { id: 'oceanblue3', src: 'img/works/gallery/oceanblue/oceanblue3.png' }, + { id: 'oceanblue4', src: 'img/works/gallery/oceanblue/oceanblue4.png' }, + { id: 'oceanblue5', src: 'img/works/gallery/oceanblue/oceanblue5.png' }, + { id: 'daydreaming1', src: 'img/works/gallery/daydreaming/daydreaming1.png' }, + { id: 'daydreaming2', src: 'img/works/gallery/daydreaming/daydreaming2.png' }, + { id: 'daydreaming3', src: 'img/works/gallery/daydreaming/daydreaming3.png' }, + { id: 'daydreaming4', src: 'img/works/gallery/daydreaming/daydreaming4.png' }, + { id: 'daydreaming5', src: 'img/works/gallery/daydreaming/daydreaming5.png' }, + { id: 'dessertdessolate1', src: 'img/works/gallery/dessertdessolate/dessertdessolate1.png' }, + { id: 'dessertdessolate2', src: 'img/works/gallery/dessertdessolate/dessertdessolate2.png' }, + { id: 'dessertdessolate3', src: 'img/works/gallery/dessertdessolate/dessertdessolate3.png' }, + { id: 'dessertdessolate4', src: 'img/works/gallery/dessertdessolate/dessertdessolate4.png' }, + { id: 'dessertdessolate5', src: 'img/works/gallery/dessertdessolate/dessertdessolate5.png' }, + { id: 'wonder1', src: 'img/works/gallery/wonder/wonder1.png' }, + { id: 'wonder2', src: 'img/works/gallery/wonder/wonder2.png' }, + { id: 'wonder3', src: 'img/works/gallery/wonder/wonder3.png' }, + { id: 'wonder4', src: 'img/works/gallery/wonder/wonder4.png' }, + { id: 'wonder5', src: 'img/works/gallery/wonder/wonder5.png' }, + { id: 'wonder6', src: 'img/works/gallery/wonder/wonder6.png' }, + { id: 'greenoasis1', src: 'img/works/gallery/greenoasis/greenoasis1.png' }, + { id: 'greenoasis2', src: 'img/works/gallery/greenoasis/greenoasis2.png' }, + { id: 'greenoasis3', src: 'img/works/gallery/greenoasis/greenoasis3.png' }, + { id: 'focus1', src: 'img/works/gallery/focus/focus1.png' }, + { id: 'focus2', src: 'img/works/gallery/focus/focus2.png' }, + { id: 'focus3', src: 'img/works/gallery/focus/focus3.png' }, + { id: 'focus4', src: 'img/works/gallery/focus/focus4.png' }, + { id: 'focus5', src: 'img/works/gallery/focus/focus5.png' }, + ]; + + smallImages.forEach((image) => { + const imgElement = document.createElement('img'); + imgElement.id = image.id; + imgElement.src = image.src; + imageContainer.appendChild(imgElement); + }); + updateImages(listItems[0].dataset.imageIds.split(',')); + }); + + +// mobile alert +window.addEventListener("DOMContentLoaded", function() { + var mobileWarning = document.getElementById("mobile-warning"); + var content = document.querySelectorAll("body > *:not(#mobile-warning)"); + + if (window.innerWidth <= 767) { + mobileWarning.style.display = "block"; + content.forEach(function(element) { + element.classList.add("hide-content"); + }); + } +}); + \ No newline at end of file diff --git a/template/AMALIE_MORCH/style_portfolio.css b/template/AMALIE_MORCH/style_portfolio.css new file mode 100644 index 0000000..a38a24c --- /dev/null +++ b/template/AMALIE_MORCH/style_portfolio.css @@ -0,0 +1,1102 @@ + +/* GENERAL STYLING */ + /* link styling */ + a:link { + text-decoration: none; + color: black; + } + a:visited { + text-decoration: none; + color: black;} + a:hover { + text-decoration: none; + } + a:active { text-decoration: none; } + + /* paragrapgh style */ + p { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 18px; + line-height: 24px; + } + + /* h2 style */ + h2 { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-size: 40px; + line-height: 48px; + } + + /* h3 style */ + h3 { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-size: 20px; + } + + body { + overflow-x: hidden; + } + +/* HEADER */ + /* grid */ + .header { + display: grid; + grid-template-columns: 1fr 100px; + justify-content: end; + } + + /* logo */ + /* styling */ + .header_item-1 { + justify-self: start; + padding: 10px; + } + + .header_item-1 img { + width: 100px; + } + + /* menu icon */ + .header_item-2 { + justify-self: center; + align-self: center; + } + +/* MENU */ + /* left menu */ + /* placement */ + .left-menu { + cursor: pointer; + position: fixed; + display: flex; + bottom: 7rem; + transform: rotate(-90deg); + align-items: center; + } + + /* styling */ + .left_item-2 p { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 12px; + padding-left: 1rem; + } + + /* right menu */ + /* placement */ + .right-menu { + cursor: pointer; + position: fixed; + display: flex; + right: 0; + bottom: 7rem; + transform: rotate(90deg); + align-items: center; + } + + /* styling */ + .right_item-2 p { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 12px; + padding-left: 1rem; + } + + /* slide out side menu */ + /* styling */ + .sidenav { + height: 100%; + width: 0; + position: fixed; + z-index: 2; + top: 0; + right: 0; + overflow-x: hidden; + overflow-y: hidden; + transition: 0.5s; + padding-top: 60px; + padding-left: 10px; + background-color: white; + border-left: 1px solid black; + } + + /* close button */ + .sidenav .closebtn { + position: absolute; + top: 27px; + right: 27px; + padding: 20px; + } + + /* open button */ + .openbtn { + cursor: pointer; + border: none; + background-color: transparent; + } + + /* content */ + /* placement */ + #menu { + transition: margin-left .5s; + padding: 16px; + } + + .menu { + text-align: center; + display: grid; + grid-template-columns: repeat(4, 150px); + } + + /* first section */ + .menu_item-1 { + grid-column: 2; + } + + /* second section */ + .menu_item-2 { + grid-column: 2; + } + + /* styling */ + /* heading */ + .menu h3 { + grid-column: 1/3; + font-family: 'Crimson Text'; + font-size: 20px; + font-weight: 400; + } + + /* info */ + .menu p { + grid-column: 1/3; + font-family: 'Crimson Text'; + font-size: 14px; + } + .menu a { + font-family: 'Crimson Text'; + font-size: 14px; + } + .address p { + grid-column: 1/3; + font-family: 'Crimson Text'; + font-size: 12px; + } + + /* second header */ + .menu h4 { + grid-column: 1/3; + font-family: 'Crimson Text'; + font-size: 16px; + font-weight: 400; + padding-top: 50px; + padding-bottom: 20px; + } + + /* seperator line */ + .menu_line { + border-top: 1px solid rgb(197, 194, 194); + grid-column: 2/3; + padding: 10px; + margin-top: 30px; + } + + /* insta feed */ + /* placement */ + .menu_item-5 { + grid-column: 1/4; + } + + .insta_feed { + display: grid; + grid-template-rows: auto auto auto; + grid-template-columns: auto auto auto; + justify-items: center; + row-gap: 15px; + column-gap: 15px; + } + + /* styling */ + .insta_feed img { + position: relative; + width: 130px; + transition: transform 0.2s ease; + } + + /* hover effect */ + .insta_feed img:hover { + transform: scale(1.1); + cursor: pointer; + } + +/* HOMEPAGE SECTION */ + /* grid */ + .homepage { + display: grid; + grid-template-rows: repeat(10, 70px); + grid-template-columns: repeat(12, 100px); + } + /* background name */ + /* placement */ + .homepage_item-1 { + position: absolute; + grid-column: 1/12; + left: -18px; + z-index: -1; + max-width: 100%; + overflow: hidden; + } + + /* styling */ + .homepage_item-1 h1 { + white-space: nowrap; + font-size: 8rem; + font-family: 'Crimson Text'; + font-weight: 400; + } + + /* main image*/ + /* placement */ + .homepage_item-2 { + grid-column: 10; + } + + /* styling */ + .homepage_item-2 img { + transition: transform 0.7s ease; + width: 300px; + } + + /* hover effect */ + .homepage_item-2 img:hover { + transform: rotate(5deg); /* rotate the image 5 degrees on hover */ + } + + /* scroll down png */ + /* placement */ + .homepage_item-3 { + grid-column: 12; + grid-row: 7; + } + + /* styling */ + .homepage_item-3 img { + width: 150px; + } + + /* paragraph */ + /* placement */ + .homepage_item-4 { + grid-row: 5; + grid-column: 2 /5; + } + + /* styling */ + .homepage_item-4 p { + font-family: 'Crimson Text'; + font-style: normal; + font-weight: 400; + line-height: 25px; + font-size: 16px; + } + /* contact info */ + /* placement */ + .homepage_item-5 { + grid-row: 7; + grid-column: 2 /4; + z-index: 1; + font-size: 14px; + } + + /* styling */ + .homepage_item-5 ul { + font-family: 'Crimson Text'; + font-style: normal; + font-weight: 400; + line-height: 20px; + font-size: 14px; + margin: 0; + padding: 0; + list-style: none; + } + /* list style */ + .homepage_item-5 li { + background: url(img/circle.png) no-repeat; + background-size: contain; + padding-left: 40px; + margin-top: 10px; + } + + .homepage_item-5 a { + font-family: 'Crimson Text'; + font-size: 14px; + } + + /* hover effect */ + .homepage_item-5 a:hover { + opacity: 50%; + } + +/* WORKS SECTION */ + /* grid */ + .works { + display: grid; + grid-template-rows: repeat(18, 70px); + grid-template-columns: repeat(12, 120px); + } + + /* paragraph placement */ + .works_item-1 { + grid-column: 2 /8; + } + /* sentence placement */ + .works_item-2 { + grid-column: 10 /12; + } + /* see all works button */ + /* placement*/ + .works_item-3 { + grid-row: 15; + grid-column: 9; + + width: 166px; + height: 166px; + background-color: black; + + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 1; + } + /* styling */ + .works_item-3 p { + color: white; + text-align: left; + /* text-align: left; */ + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 19px; + } + + /* hover effect */ + .works_item-3:hover { + transform: scale(1.1); + } + + /* image section */ + /* placement */ + .works_item-4 { + grid-row: 8; + grid-column: 2/12; + } + + /* grid */ + .works_scroll { + display: grid; + grid-template-rows: 1 fr; + grid-template-columns: repeat(12, 1fr); + column-gap: 60px; + overflow: hidden; + } + + /* styling */ + .works_scroll img { + transition: transform 0.2s ease; + height: 580px; + } + + /* hover effect */ + .works_scroll img:hover { + transform: scale(1.1); + } + + /* third image cut of */ + .works_scroll_item-3 img { + object-fit: cover; + } + +/* EXHIBITION SECTION */ + /* grid */ + .exhibitions { + display: grid; + grid-template-rows: repeat(12, 70px); + grid-template-columns: repeat(12, 120px); + } + + /* header */ + .exhibitions_item-1 { + /* grid-row: 1; */ + grid-column: 2; + } + /* present */ + /* header */ + .exhibitions_item-2 { + grid-row: 3; + grid-column: 2; + + } + /* year */ + /* placement */ + .exhibitions_item-3 { + grid-row: 4; + grid-column: 3; + justify-self: end; + } + /* styling */ + .exhibitions_item-3 p { + font-style: italic; + } + /* gallery list */ + .exhibitions_item-4 { + grid-row: 4; + grid-column: 4/6; + } + + /* future */ + /* header */ + .exhibitions_item-5 { + grid-row: 3; + grid-column: 7; + } + + /* year */ + /* placement */ + .exhibitions_item-6 { + grid-row: 4; + grid-column: 8; + justify-self: end; + } + + /* styling */ + .exhibitions_item-6 p { + font-style: italic; + } + + /* gallery list */ + .exhibitions_item-7 { + grid-row: 4; + grid-column: 9/11; + } + + /* past */ + /* grid */ + .exhibitions_item-8 { + grid-row: 7; + grid-column: 2; + } + /* year */ + /* placement */ + .exhibitions_item-9 { + grid-row: 8; + grid-column: 3; + justify-self: end; + } + + /* styling */ + .exhibitions_item-9 p { + font-style: italic; + } + + /* gallery list */ + .exhibitions_item-10 { + grid-row: 8; + grid-column: 4/6; + } + /* year */ + /* placement */ + .exhibitions_item-11 { + grid-row: 8; + grid-column: 7; + justify-self: end; + } + + /* styling */ + .exhibitions_item-11 p { + font-style: italic; + } + + /* gallery list */ + .exhibitions_item-12 { + grid-row: 8; + grid-column: 8/10; + } + + + /* list styling */ + .exhibitions ul { + list-style-type: none; + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 20px; + } + + /* list hover effect */ + .exhibitions li:hover { + opacity: 50%; + } + + /* image appear on hover effect */ + .container { + position: relative; + display: inline-block; + } + /* styling */ + .container img { + position: absolute; + top: 0; + left: 100%; + opacity: 0; + transition: 0.3s ease; + filter: grayscale(100%); + object-fit: cover; + width: 300px; + height: 200px; + } + + /* hover effect */ + .container:hover img { + opacity: 50%; + transform: rotate(-5deg); + } + + /* seperating lines */ + .line { + grid-row: 3; + grid-column: 3/6; + border-top: 1px solid black; + align-self: center; + } + + .line-2 { + grid-row: 3; + grid-column: 8/11; + border-top: 1px solid black; + align-self: center; + } + + .line-3 { + grid-row: 7; + grid-column: 3/12; + border-top: 1px solid black; + align-self: center; + } + +/* ABOUT SECTION */ + /* grid */ + .about { + display: grid; + grid-template-rows: repeat(10, 70px); + grid-template-columns: repeat(12, 120px); + } + + /* header */ + .about_item-1 { + grid-column: 2; + grid-row: 1; + } + + /* big paragrapgh */ + .about_item-2 { + grid-column: 2/8; + } + + /* small paragraph */ + .about_item-3 { + grid-row: 5; + grid-column: 2/7; + } + + /* hands */ + .about_item-4 { + grid-column: 8; + grid-row: 4; + } + + .about_item-5 { + grid-column: 10; + } + + /* contact icons and labels */ + /* placement */ + .about_item-6 { + grid-row: 8; + grid-column: 2; + } + .icon-text { + display: flex; + align-items: center; + } + + /* grid */ + .contact_icons { + display: grid; + column-gap: 10px; + align-items: center; + } + + /* styling */ + .contact_icons p { + font-size: 12px; + padding-right: 20px; + } + + .icon-text img { + margin-right: 5px; + } + + + /* label placement */ + .contact_item-1 { + grid-column: 1; + } + + .contact_item-2 { + grid-column: 2; + } + + .contact_item-3 { + grid-column: 3; + } + + /* hover effect */ + .contact_icons a:hover { + opacity: 50%; + } + +/* NEWS SECTION */ + /* grid */ + .news { + display: grid; + grid-template-rows: repeat(8, 70px); + grid-template-columns: repeat(13,110px); + } + /* heading */ + .news_item-1 { + grid-column: 2/5; + } + + /* news article heading */ + /* placement */ + .news_item-2 { + grid-row: 3; + grid-column: 2/4; + } + + /* styling */ + .news_item-2 p { + font-weight: 600; + } + /* further info */ + .news_item-3 { + grid-row: 4; + grid-column: 2/6; + } + + /* news article heading */ + /* placement */ + .news_item-4 { + grid-row: 3; + grid-column: 8/10; + } + /* styling */ + .news_item-4 p { + font-weight: 600; + } + + /* further info */ + .news_item-5 { + grid-row: 4; + grid-column: 8/12; + } + + /* line seperator */ + .news_line { + grid-row: 2; + grid-column: 2/13; + border-top: 1px solid black; + align-self: center; + } + + /* arrows */ + .news_item-6 { + grid-row: 5; + grid-column: 7; + } + + .news_item-7 { + grid-row: 5; + grid-column: 13; + } + /* hover effect */ + .news_item-6:hover { + opacity: 50%; + } + + .news_item-7:hover { + opacity: 50%; + } + +/* LATEST SECTION */ + /* grid */ + .latest { + display: grid; + grid-template-rows: repeat(12, 70px); + grid-template-columns: repeat(12, 110px); + } + + /* styling */ + .latest p { + font-size: 16px; + } + + /* header */ + .latest_item-1 { + grid-row: 1; + grid-column: 2/5; + } + + /* see all link to all works page */ + /* placement */ + .latest_item-2 { + grid-row: 2; + grid-column: 12; + justify-self: end; + } + + /* styling */ + .latest_item-2 a { + font-family: "Inter"; + } + + /* hover effect */ + .latest_item-2 a:hover { + opacity: 50%; + } + + /* picture description */ + /* name */ + .latest_item-3 { + grid-row: 3; + grid-column: 2/4; + } + + /* year */ + .latest_item-4 { + grid-row: 3; + grid-column: 4/6; + } + + /* material */ + .latest_item-5 { + grid-row: 3; + grid-column: 6/8; + } + + /* size */ + .latest_item-6 { + grid-row: 3; + grid-column: 8/10; + } + + /* image */ + /* placement */ + .latest_item-7 { + grid-row: 4; + grid-column: 2; + } + + /* styling */ + .latest_item-7 img { + object-fit: cover; + width: 750px; + height: 600px; + } + +/* FOOTER SECTION */ + /* grid */ + .footer { + display: grid; + grid-template-rows: repeat(5, 70px); + grid-template-columns: repeat(12, 110px); + } + + /* hover effect */ + .footer a:hover { + opacity: 50%; + } + + /* styling */ + .footer ul { + list-style-type: none; + font-family: 'Inter'; + font-weight: 600; + font-size: 12px; + line-height: 20px; + margin: 0; + padding: 0; + } + + /* links to sections on page */ + .footer_item-1 { + grid-row: 2; + grid-column: 2/5; + } + + /* links to social media */ + .footer_item-2 { + grid-row: 2; + grid-column: 4; + } + + /* name */ + /* placement */ + .footer_item-3 { + grid-row: 2; + grid-column: 8/13; + align-self: center; + padding-top: 50px; + } + + /* styling */ + .footer_item-3 h2 { + font-family: 'Crimson Text'; + font-weight: 400; + text-align: right; + } + + /* contact info */ + /* placement */ + .footer_item-4 { + grid-row: 4; + grid-column: 8/13; + } + + /* styling */ + .footer_item-4 p { + text-align: right; + font-size: 12px; + line-height: 20px; + } + + /* hover effect */ + .contact:hover { + opacity: 50%; + cursor: pointer; + } + + /* seperator line */ + .footer_line { + grid-row: 1; + grid-column: 2/13; + border-top: 1px solid black; + align-self: center; + } + + +/**** SEPERATE PAGE ****/ + +/* HEADER */ + /* placement */ + .header_allWorks { + display: grid; + grid-template-columns: 1fr 100px; + justify-content: end; + align-items: center; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 40px; + } + + /* menu icon */ + .header_allWorks .header_allWorks_item-2 { + position: absolute; + top: 45px; + right: 42px; + } + +/* ALL WORK SECTION */ + /* grid */ + .all_work { + display: grid; + grid-template-rows: repeat(9, 70px); + grid-template-columns: repeat(12, 120px); + } + + /* header */ + .all_work_item-1 { + grid-row: 1; + grid-column: 2/4; + } + + /* big image */ + /* placement */ + .all_work_item-2 { + grid-row: 3; + grid-column: 5; + } + /* styling */ + .all_work_item-2 img { + max-height: 550px; + } + + /* scrollable list */ + /* placement */ + .all_work_item-3 { + grid-row: 3; + grid-column: 2; + } + + /* styling */ + .scroll_all_work { + width: 250px; + height: 550px; + overflow: scroll; + } + + .scroll_all_work::-webkit-scrollbar { + display: none; + } + + .scroll_all_work ul { + cursor: pointer; + list-style: none; + margin: 0; + padding: 0; + font-family: "Inter"; + font-size: 14px; + } + + .scroll_all_work h3 { + font-weight: 400; + } + + /* hover effect */ + .scroll_all_work li:hover { + opacity: 50%; + } + + /* selection effect */ + .scroll_all_work li.active { + font-weight: 600; + } + + /* image info */ + /* placement */ + .all_work_item-4 { + grid-row: 6; + grid-column: 10/12; + } + + /* styling */ + .all_work_item-4 p { + font-size: 12px; + line-height: 5px; + } + + .all_work_item-4 h4 { + font-family: "Inter"; + font-size: 14px; + font-weight: 600; + } + + .all_work_item-4 img { + width: 20px; + } + + /* hover effect */ + .all_work_item-4 img:hover { + transform: scale(1.1); + } + + /* mini image gallery */ + /* placement */ + .all_work_item-6 { + grid-row: 8; + grid-column: 10; + } + + /* grid */ + .image-container { + grid-column: 9; + display: grid; + grid-template-rows: auto auto auto; + grid-template-columns: auto auto auto; + row-gap: 10px; + column-gap: 10px; + width: 220px; + } + + /* styling */ + .image-container img { + object-fit: cover; + width: 65px; + height: 90px; + display: none; + } + + /* arrow to show it's a scrollable list */ + .all_work_item-7 { + grid-row: 10; + grid-column: 4; + padding: 20px; + } + +/* MOBILE ALERT */ + #mobile-warning { + display: none; + position: fixed; + text-align: center; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: white; + border: 2px solid black; + padding: 30px; + font-size: 18px; + } + + #mobile-warning p { + width: 300px; + } + .hide-content { + display: none; + } + + /* this media query was developed with the help of Chat GPT */ + @media only screen and (max-width: 767px) { + #mobile-warning { + display: block; + } + + body.hide-content > *:not(#mobile-warning) { + display: none; + } + } + + + + + + + + + + + + + \ No newline at end of file