diff --git a/contact.html b/contact.html
index e13f819..9214008 100644
--- a/contact.html
+++ b/contact.html
@@ -30,9 +30,9 @@
-
+
@@ -68,7 +73,7 @@
Visit the online shop
:
-
+
www.etsy.com/il-en/shop/AtelierEven
diff --git a/css/article.css b/css/article.css
index 1897c2f..a3a0c1b 100644
--- a/css/article.css
+++ b/css/article.css
@@ -1,499 +1,2 @@
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic');
-
-html, body {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-}
-
-.row {
- width: 630px;
- margin: auto;
- line-height: 1.5;
-}
-
-a>div {
- font-weight: bold;
- float: right;
- font-size: 17px;
-}
-
-.headline {
- font-size: 26px;
- line-height: 1.5;
-}
-
-.mainheadline {
- line-height: 1;
- font-size: 30px;
- text-transform: uppercase;
- color: #103443;
- text-align: center;
- padding-top: 5px;
- padding-bottom: 7px;
- border-bottom: 2px solid #FFD700;
- font-family: 'Open Sans', sans-serif, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana;
-}
-
-.borderline {
- border-top: 2px solid #FFD700;
- padding: 1%;
-}
-
-.subtitle {
- line-height: 0.9;
- font-size: 17px;
- color: #103443;
- font-style: oblique;
- font-weight: 500;
-}
-
-/* Clear floats */
-
-a:after {
- content: "";
- display: table;
- clear: both;
-}
-
-body>div:last-child>a {
- text-decoration: underline;
-}
-
-body>div:last-child>a:after {
- content: none;
- display: inline;
- clear: none;
-}
-
-.insidetitle {
- text-align: center;
- color: white;
- background: rgb(160, 160, 160);
-}
-
-.insidetitle+.insidetitle {
- margin-top: 1px;
- font-size: 19px;
- font-weight: bold;
-}
-
-.row>div {
- margin-bottom: 2%;
-}
-
-div .imageinrow {
- margin-bottom: 0;
-}
-
-.imageinrow {
- width: 100%;
- position: relative;
- left: 0;
- top: 0;
- padding-bottom: 3px;
-}
-
-.threeinrow {
- float: left;
- width: 32.3%;
-}
-
-.threeinrow-m {
- float: left;
- width: 32.3%;
- padding-left: 1.5%;
- padding-right: 1.5%;
-}
-
-.twoinrow {
- float: left;
- width: 48%;
-}
-
-.magnifying {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 90px;
- cursor: pointer;
- z-index: 1;
-}
-
-.magnifying:hover {
- transform: scale(1.1);
-}
-
-.description {
- line-height: 1.4;
- font-size: 15px;
- color: #2b2b2b;
- text-align: justify;
-}
-
-.article {
- line-height: 1.4;
- font-size: 15px;
- color: #2b2b2b;
- text-align: justify;
- text-indent: 1.5em;
-}
-
-.article-sub {
- text-decoration: underline;
- font-weight: bolder;
- text-indent: 0;
-}
-
-.endnote {
- line-height: 1.4;
- font-size: 13px;
- color: #7a7a7a;
- text-align: justify;
- display: inline-block;
- text-indent: 0;
-}
-
-.quote {
- line-height: 1.6;
- font-size: 15px;
- color: #103443;
- text-align: justify;
- font-style: oblique;
- margin-left: 12%;
- margin-right: 12%;
- font-weight: bolder;
-}
-
-.drop-cap {
- font-size: 75px;
- float: left;
- color: #103443;
- line-height: 58px;
- font-weight: bold;
- text-indent: 0.3em;
- padding-right: 3px;
-}
-
-.drop-cap-web {
- font-size: 48px;
- float: left;
- color: #103443;
- line-height: 38px;
- font-weight: bold;
- text-indent: 0.3em;
- padding-right: 5px;
- text-transform: uppercase;
-}
-
-.imagecredit {
- line-height: 1.1;
- font-size: 12px;
- color: #2b2b2b;
-}
-
-.abstract {
- line-height: 1.4;
- font-size: 14.5px;
- color: black;
- text-align: justify;
- font-weight: bold;
- border-bottom: 1px solid #103443;
-}
-
-.imagesource {
- color: gray;
-}
-
-/* image slider */
-
-.slideshow-container {
- width: 100%;
- position: relative;
- overflow: hidden;
-}
-
-.slideshow-slide {
- display: flex;
- width: 100%;
- height: 420px;
-}
-
-.slides {
- display: none;
-}
-
-.right-arrow {
- right: 0;
- border-radius: 3px 0 0 3px;
-}
-
-.left-arrow {
- left: 0;
- border-radius: 0 3px 3px 0;
-}
-
-.right-arrow, .left-arrow {
- position: absolute;
- top: 50%;
- width: auto;
- margin-top: -22px;
- padding: 16px;
- color: rgba(255, 255, 255, 0.8);
- font-weight: bold;
- font-size: 18px;
- transition: 0.3s ease;
- user-select: none;
- cursor: pointer;
-}
-
-.right-arrow:hover, .left-arrow:hover {
- color: white;
-}
-
-.slider-nav {
- width: 100%;
- padding: 20px 0;
- position: absolute;
- bottom: 0;
- left: 0;
- text-align: center;
-}
-
-.slider-button, .slider-button-selected {
- width: 10px;
- height: 10px;
- display: inline-block;
- border-radius: 50%;
- margin: 0 5px;
- cursor: pointer;
-}
-
-.slider-button {
- background: rgba(255, 255, 255, 0.2);
-}
-
-.slider-button:hover, .slider-button-selected {
- background: rgba(255, 255, 255, 0.8);
-}
-
-.slide-transition {
- transition: transform 0.4s ease-in-out;
- -webkit-transition: -webkit-transform 0.4s ease-in-out;
- -moz-transition: -moz-transform 0.4s ease-in-out;
- -o-transition: -o-transform 0.4s ease-in-out;
- -ms-transition: -ms-transform 0.4s ease-in-out;
-}
-
-/*modal*/
-
-.modal {
- display: none;
- position: fixed;
- z-index: 2;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- overflow: auto;
- /* Enable scroll if needed */
- background-color: rgb(0, 0, 0);
- /* Fallback color */
- background-color: rgba(0, 0, 0, 0.7);
-}
-
-.zoom {
- animation: zoom 0.3s;
- -webkit-animation: zoom 0.3s;
- -moz-animation: zoom 0.3s;
- -o-animation: zoom 0.3s;
- -ms-animation: zoom 0.3s;
-}
-
-@keyframes zoom {
- from {
- transform: scale(0)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-webkit-keyframes zoom {
- from {
- transform: scale(0)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-moz-keyframes zoom {
- from {
- transform: scale(0)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-o-keyframes zoom {
- from {
- transform: scale(0)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-ms-keyframes zoom {
- from {
- transform: scale(0)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-.zoom-out {
- animation: zoom-out 0.2s;
- -webkit-animation: zoom-out 0.2s;
- -moz-animation: zoom-out 0.2s;
- -o-animation: zoom-out 0.2s;
- -ms-animation: zoom-out 0.2s;
-}
-
-@keyframes zoom-out {
- from {
- transform: scale(2)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-webkit-keyframes zoom-out {
- from {
- transform: scale(2)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-moz-keyframes zoom-out {
- from {
- transform: scale(2)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-o-keyframes zoom-out {
- from {
- transform: scale(2)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-@-ms-keyframes zoom-out {
- from {
- transform: scale(2)
- }
-
- to {
- transform: scale(1)
- }
-}
-
-.modal-content {
- margin: auto;
- display: block;
- max-width: 80%;
- max-height: 94vh;
- position: relative;
- top: calc(50% + 27px);
- transform: translateY(-50%);
- -webkit-transform: translateY(-50%);
- -moz-transform: translateY(-50%);
- -o-transform: translateY(-50%);
- -ms-transform: translateY(-450%);
- transition: transform 0.1s;
- -webkit-transition: -webkit-transform 0.1s;
- -moz-transition: -moz-transform 0.1s;
- -o-transition: -o-transform 0.1s;
- -ms-transition: -ms-transform 0.1s;
-}
-
-.close {
- position: absolute;
- top: 50px;
- right: 25px;
- color: #f1f1f1;
- font-size: 35px;
- transition: 0.3s;
-}
-
-.close:hover, .close:focus {
- color: #bbb;
- text-decoration: none;
- cursor: pointer;
-}
-
-@media only screen and (max-width: 630px) {
- .row {
- width: 100%;
- }
-
- .row>div:not(.threeinrow):not(.threeinrow-m):not(.twoinrow) {
- width: 96%;
- margin-right: 2%;
- margin-left: 2%;
- }
-
- .threeinrow {
- float: none;
- width: 100%;
- }
-
- .threeinrow-m {
- float: none;
- width: 100%;
- padding-left: none;
- padding-right: none;
- }
-
- .twoinrow {
- float: none;
- width: 100%;
- }
-
- .mainheadline {
- font-size: 28px;
- }
-
- .subtitle {
- line-height: 1.2;
- }
-
- .modal-content {
- max-width: 100%;
- }
-
- .close {
- top: 40px;
- right: 5px;
- color: #f1f1f1;
- font-size: 28px;
- }
-}
\ No newline at end of file
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700");body{font-family:"Segoe UI","Noto Sans",Tahoma,Geneva,Verdana,sans-serif;color:#2b2b2b}body>div:last-child>a{text-decoration:underline}body>div:last-child>a::after{content:none;display:inline;clear:none}a>div{font-weight:bold;float:right;font-size:17px}a:after{content:"";display:table;clear:both}.row{width:630px;margin:auto;line-height:1.5}.row>div{margin-bottom:2%}.headline{font-size:26px;line-height:1.5}.mainheadline{line-height:1;font-size:30px;text-transform:uppercase;color:#103443;text-align:center;padding-top:5px;padding-bottom:7px;border-bottom:2px solid gold;font-family:"Open Sans",sans-serif,"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana}.borderline{border-top:2px solid gold;padding:1%}.subtitle{line-height:0.9;font-size:16px;color:#103443;font-style:oblique;font-weight:500}.insidetitle{text-align:center;color:white;background:#a0a0a0}.insidetitle+.insidetitle{margin-top:1px;font-size:19px;font-weight:bold}div .imageinrow{margin-bottom:0}.imageinrow{width:100%;position:relative;left:0;top:0;padding-bottom:3px}.threeinrow{float:left;width:32.3%}.threeinrow-m{float:left;width:32.3%;padding-left:1.5%;padding-right:1.5%}.twoinrow{float:left;width:48%}.magnifying{position:absolute;bottom:0;left:0;width:90px;cursor:pointer;z-index:1}.magnifying:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.description,.article{line-height:1.4;font-size:14.5px;text-align:justify}.article{text-indent:1.5em}.article-sub{text-decoration:underline;font-weight:bolder;text-indent:0}.endnote{line-height:1.4;font-size:13px;color:#7a7a7a;text-align:justify;display:inline-block;text-indent:0}.quote{line-height:1.6;font-size:14.5px;color:#103443;text-align:justify;font-style:oblique;margin-left:12%;margin-right:12%;font-weight:bolder}.drop-cap{font-size:75px;float:left;color:#103443;line-height:58px;font-weight:bold;text-indent:0.3em;padding-right:3px}.drop-cap-web{font-size:48px;float:left;color:#103443;line-height:38px;font-weight:bold;text-indent:0.3em;padding-right:5px;text-transform:uppercase}.imagecredit{line-height:1.1;font-size:12px}.abstract{line-height:1.4;font-size:14.5px;color:black;text-align:justify;font-weight:bold;border-bottom:1px solid #103443}.imagesource{color:gray}.slideshow-container{width:100%;position:relative;overflow:hidden}.slideshow-slide{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:420px}.slides{display:none}.right-arrow,.left-arrow{position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:rgba(255,255,255,0.8);font-weight:bold;font-size:18px;-webkit-transition:0.3s ease;transition:0.3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.right-arrow:hover,.left-arrow:hover{color:white}.right-arrow{right:0;border-radius:3px 0 0 3px}.left-arrow{left:0;border-radius:0 3px 3px 0}.slider-nav{width:100%;padding:20px 0;position:absolute;bottom:0;left:0;text-align:center}.slider-button-selected,.slider-button{width:10px;height:10px;display:inline-block;border-radius:50%;margin:0 5px;cursor:pointer}.slider-button-selected{background:rgba(255,255,255,0.8)}.slider-button{background:rgba(255,255,255,0.2)}.slider-button:hover{background:rgba(255,255,255,0.8)}.slide-transition{-webkit-transition:transform .4s ease-in-out 0s;-webkit-transition:-webkit-transform .4s ease-in-out 0s;transition:-webkit-transform .4s ease-in-out 0s;transition:transform .4s ease-in-out 0s;transition:transform .4s ease-in-out 0s, -webkit-transform .4s ease-in-out 0s}.modal{display:none;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.7)}.modal-content{margin:auto;display:block;max-width:80%;max-height:94vh;position:relative;top:calc(50% + 27px);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:transform .1s ease 0s;-webkit-transition:-webkit-transform .1s ease 0s;transition:-webkit-transform .1s ease 0s;transition:transform .1s ease 0s;transition:transform .1s ease 0s, -webkit-transform .1s ease 0s}.close{position:absolute;top:50px;right:25px;color:#f1f1f1;font-size:35px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.zoom{-webkit-animation-name:zoom;-webkit-animation-delay:0;-webkit-animation-duration:.3s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:zoom;-moz-animation-delay:0;-moz-animation-duration:.3s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards;-o-animation-name:zoom;-o-animation-delay:0;-o-animation-duration:.3s;-o-animation-timing-function:ease;-o-animation-fill-mode:forwards;animation-name:zoom;animation-delay:0;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}@-webkit-keyframes zoom{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.zoom-out{-webkit-animation-name:zoom-out;-webkit-animation-delay:0;-webkit-animation-duration:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:zoom-out;-moz-animation-delay:0;-moz-animation-duration:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards;-o-animation-name:zoom-out;-o-animation-delay:0;-o-animation-duration:.2s;-o-animation-timing-function:ease;-o-animation-fill-mode:forwards;animation-name:zoom-out;animation-delay:0;animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation:zoom-out 0.2s;animation:zoom-out 0.2s}@-webkit-keyframes zoom-out{from{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom-out{from{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width: 630px){.row{width:100%}.row>div{width:96%;margin-right:2%;margin-left:2%}.threeinrow{float:none;width:100%}.threeinrow-m{float:none;width:100%;padding-left:0;padding-right:0}.twoinrow{float:none;width:100%}.mainheadline{font-size:28px}.subtitle{line-height:1.2}.modal-content{max-width:100%}.close{top:40px;right:5px;font-size:28px}}
+/*# sourceMappingURL=article.css.map */
\ No newline at end of file
diff --git a/css/article.css.map b/css/article.css.map
new file mode 100644
index 0000000..2d175e1
--- /dev/null
+++ b/css/article.css.map
@@ -0,0 +1,11 @@
+{
+ "version": 3,
+ "mappings": "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",
+ "sources": [
+ "../scss/article.scss",
+ "../scss/_config.scss",
+ "../scss/_article-mobile.scss"
+ ],
+ "names": [],
+ "file": "article.css"
+}
\ No newline at end of file
diff --git a/css/rtl-styles.css b/css/rtl-styles.css
index 31a30c4..fc02e53 100644
--- a/css/rtl-styles.css
+++ b/css/rtl-styles.css
@@ -1,68 +1,2 @@
-html, body {
- direction: rtl;
- text-align: right;
- margin: 0;
- font-family: Arial, Helvetica, sans-serif;
- line-height:1.2;
- }
-
-
- .column {
- float: right;
- width: 31.33%;
- padding-left: calc(1% - 1px);
- padding-right: 1%;
- margin-bottom: 18px;
- /*border-left: 1px solid black;*/
- border-width: 1px; border-style: solid;
- -webkit-border-image: -webkit-linear-gradient(top #103443, white) 1 100%;
- -webkit-border-image: -webkit-linear-gradient(#103443, white) 1 100%;
- -moz-border-image: -moz-linear-gradient(#103443, white) 1 100%;
- -o-border-image: -o-linear-gradient(#103443, white) 1 100%;
- border-image: linear-gradient(to bottom, LightGray, white) 1 100%;
- border-right: 0px;
- }
-
- .mainheadline {
- font-size: 36px;
- font-family: Arial, Helvetica, sans-serif
- }
-
- .subtitle {
- line-height: 1;
- font-size: 18px;
- font-weight: bold;
- }
-
- .drop-cap{
- font-size: 95px;
- float: right;
- color: #103443;
- line-height: 50px;
- font-weight: bold;
- text-indent: 0.3em;
- padding-left: 3px;
-
- }
-
- .article-sub{
- text-decoration: underline;
- font-weight: bolder;
- text-indent: 0;
- font-size: 17px;
-}
-
-.quote-en{
- direction: ltr;
- line-height: 1.6;
- font-size: 15px;
- color: #103443;
- text-align: justify;
- font-style: oblique;
- margin-left: 12%;
- margin-right: 12%;
- font-weight: bolder;
-}
-
-
-
+*{margin:0}html,body{font-family:Arial,Helvetica,sans-serif;line-height:1.2}.row{direction:rtl;text-align:right}.mainheadline{font-size:36px}.subtitle{line-height:1;font-size:18px;font-weight:bold}.drop-cap{font-size:95px;float:right;color:#103443;line-height:50px;font-weight:bold;text-indent:0.3em;padding-left:3px}.article-sub{text-decoration:underline;font-weight:bolder;text-indent:0;font-size:17px}.quote-en{direction:ltr;line-height:1.6;font-size:15px;color:#103443;text-align:justify;font-style:oblique;margin-left:12%;margin-right:12%;font-weight:bolder}
+/*# sourceMappingURL=rtl-styles.css.map */
\ No newline at end of file
diff --git a/css/rtl-styles.css.map b/css/rtl-styles.css.map
new file mode 100644
index 0000000..443f8fb
--- /dev/null
+++ b/css/rtl-styles.css.map
@@ -0,0 +1,10 @@
+{
+ "version": 3,
+ "mappings": "AAEA,AAAA,CAAC,AAAC,CACE,MAAM,CAAE,CAAC,CACZ,AAED,AAAA,IAAI,CAAE,IAAI,AAAC,CAEN,WAAW,CCLI,KAAK,CAAE,SAAS,CAAE,UAAU,CDM3C,WAAW,CAAC,GAAG,CAClB,AAED,AAAA,IAAI,AAAC,CACN,SAAS,CAAE,GAAG,CACT,UAAU,CAAE,KAAK,CACpB,AAED,AAAA,aAAa,AAAC,CACX,SAAS,CAAE,IAAI,CACjB,AAED,AAAA,SAAS,AAAC,CACP,WAAW,CAAE,CAAC,CACd,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACnB,AAED,AAAA,SAAS,AAAA,CACN,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CACZ,KAAK,CC1BO,OAAO,CD2BnB,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,KAAK,CAClB,YAAY,CAAE,GAAG,CAEnB,AAED,AAAA,YAAY,AAAA,CACV,eAAe,CAAE,SAAS,CAC1B,WAAW,CAAE,MAAM,CACnB,WAAW,CAAE,CAAC,CACd,SAAS,CAAE,IAAI,CACjB,AAED,AAAA,SAAS,AAAA,CACN,SAAS,CAAE,GAAG,CACb,WAAW,CAAE,GAAG,CAChB,SAAS,CAAE,IAAI,CACf,KAAK,CC7CO,OAAO,CD8CnB,UAAU,CAAE,OAAO,CACnB,UAAU,CAAE,OAAO,CACnB,WAAW,CAAE,GAAG,CAChB,YAAY,CAAE,GAAG,CACjB,WAAW,CAAE,MAAM,CACtB",
+ "sources": [
+ "../scss/rtl-styles.scss",
+ "../scss/_config.scss"
+ ],
+ "names": [],
+ "file": "rtl-styles.css"
+}
\ No newline at end of file
diff --git a/css/styles.css b/css/styles.css
index 48c21bc..d3a9588 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,713 +1,2 @@
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic');
-html, body {
- background-image: url(../img/cubes-orly-white3.png);
- direction: ltr;
- text-align: left;
- margin: 0;
- font-family: 'Open Sans', sans-serif, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana;
- line-height: 1.2;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
-}
-
-/* intro page */
-
-.coverImage {
- height: 100vh;
- width: 100%;
- background-image: url(../img/cover2.jpg);
- background-repeat: no-repeat;
- background-position: -18vh;
- background-size: cover;
- position: relative;
-}
-
-.overImage {
- margin-top: 20vh;
- margin-left: 65%;
- position: absolute;
- width: 30%;
-}
-
-.overImage img {
- width: 100%;
-}
-
-.overImage p {
- text-transform: uppercase;
- width: 97%;
- font-size: 1.52vw;
- text-align: justify;
- font-weight: 500;
-}
-
-.overImage p:last-child {
- text-align: center;
-}
-
-#main-page, #lastline {
- display: none;
-}
-
-/* navbar */
-
-.navbar {
- position: fixed;
- z-index: 5;
- width: 97%;
- padding: 0.5% 1.5%;
- background-color: rgba(168, 168, 168, 0.8);
- display: flex;
- justify-content: space-between;
- align-items: center;
- min-height: 35px;
-}
-
-#main-page .navbar {
- margin: 1%;
- width: 95%;
-}
-
-#navbar-links {
- list-style-type: none;
- display: flex;
- flex-flow: row wrap;
- justify-content: center;
- margin: 0;
- padding: 0;
-}
-
-.navbar li a {
- padding: 0.5rem 1vw;
- display: inline-block;
-}
-
-.navbar li:hover {
- background-color: rgba(230, 230, 230, 0.8);
- border-radius: 5px;
-}
-
-.navbar img {
- height: 25px
-}
-
-/* Hide the link that should open and close the topnav on small screens */
-
-.toggle-button {
- position: absolute;
- top: 1vh;
- right: 1.5vw;
- display: none;
- flex-direction: column;
- justify-content: space-between;
- width: 30px;
- height: 22px;
-}
-
-.toggle-button .bar {
- height: 4px;
- width: 100%;
- background-color: #ffd700;
- border-radius: 10px;
-}
-
-.clearfix::after {
- content: "";
- clear: both;
- display: table;
-}
-
-a {
- color: black;
- text-decoration: none;
-}
-
-a:hover {
- font-weight: 600;
-}
-
-.section-container {
- display: flex;
- padding: 1%;
- justify-content: center;
- margin: 0 auto;
- flex-wrap: wrap;
- max-width: 1500px;
-}
-
-.section {
- display: inline-block;
- width: 400px;
- align-items: center;
- padding: 0.5% 1.2%;
- text-align: center;
- transition: all 0.3s;
-}
-
-.section:hover {
- width: 440px;
-}
-
-#web-sections .section:hover, #main-page .section:hover {
- width: 400px;
-}
-
-.section img {
- padding-bottom: 5px;
-}
-
-.section-text {
- padding-top: 10px;
- font-size: 18px;
- line-height: 1.3;
- text-align: justify;
- color: #103443;
-}
-
-.headline {
- text-align: center;
- font-size: 22px;
- line-height: 1.5;
- color: #103443;
-}
-
-.main-container {
- max-width: 36cm;
- margin: auto;
- padding-top: calc(45px + 2.9vw);
- display: flex;
- flex-direction: row;
- justify-content: center;
-}
-
-.covergif {
- padding-top: 47px;
- height: 650px;
- margin-top: 20px;
-}
-
-.headcolumn {
- font-size: calc(21px + 0.15vw);
- color: #103443;
-}
-
-.imagethumb1 {
- height: 290px;
- width: 100%;
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- margin-bottom: 3px;
- border: 1px solid #103443;
-}
-
-.imagethumb2 {
- height: 190px;
- width: 100%;
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- margin-top: 5px;
- margin-bottom: 5px;
- border: 1px solid #103443;
-}
-
-/* animations and transitions */
-
-.fade-in-image {
- animation: fadeIn 3s;
- -webkit-animation: fadeIn 3s;
- -moz-animation: fadeIn 3s;
- -o-animation: fadeIn 3s;
- -ms-animation: fadeIn 3s;
-}
-
-@keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-@-moz-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-@-webkit-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-@-o-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-@-ms-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-.fadeInLeft {
- animation: fadeInLeft 4s;
- -webkit-animation: fadeInLeft 4s;
- -moz-animation: fadeInLeft 4s;
- -o-animation: fadeInLeft 4s;
- -ms-animation: fadeInLeft 4s;
- transition-timing-function: ease-in;
-}
-
-@keyframes fadeInLeft {
- 0% {
- opacity: 0;
- }
- 40% {
- opacity: 0;
- transform: translateX(-120px);
- }
- 100% {
- opacity: 1;
- transform: translateX(0);
- }
-}
-
-@-webkit-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- }
- 40% {
- opacity: 0;
- -webkit-transform: translateX(-120px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- }
-}
-
-@-moz-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- }
- 40% {
- opacity: 0;
- -moz-transform: translateX(-120px);
- }
- 100% {
- opacity: 1;
- -moz-transform: translateX(0);
- }
-}
-
-@-o-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- }
- 40% {
- opacity: 0;
- -o-transform: translateX(-120px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateX(0);
- }
-}
-
-@-ms-keyframes fadeInLeft {
- 0% {
- opacity: 0;
- }
- 40% {
- opacity: 0;
- -ms-transform: translateX(-120px);
- }
- 100% {
- opacity: 1;
- -ms-transform: translateX(0);
- }
-}
-
-.fade-out-image-slider {
- opacity: 0;
- visibility: hidden;
- transition: 0.9s ease-out;
- -webkit-transition: 0.9s ease-out;
- -moz-transition: 0.9s ease-out;
- -o-transition: 0.9s ease-out;
- -ms-transition: 0.9s ease-out;
-}
-
-.fade-in-image-slider {
- opacity: 1;
- visibility: visible;
- transition: 0.9s ease-in-out 0.9s;
- -webkit-transition: 0.9s ease-in-out 0.9s;
- -moz-transition: background-image 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out 0.9s;
- -ms-transition: 0.9s ease-in-out 0.9s;
-}
-
-/* gallery pages */
-
-.pagetitle {
- width: 100%;
- margin-top: calc(45px + 1.5vw);
- margin-bottom: 4%;
-}
-
-.pagetitle1 {
- max-width: fit-content;
- padding: calc(35px + 2.8vw) 0 2px 0;
- border-bottom: 1px solid #103443;
- text-align: center;
- justify-content: space-evenly;
- flex-wrap: nowrap;
- align-items: baseline;
-}
-
-.pagetitle1 img {
- max-height: 60px;
- width: 100%;
-}
-
-.title {
- padding-left: 25px;
-}
-
-.github {
- font-style: italic;
- margin: 10px 0;
-}
-
-.about {
- font-weight: normal;
- text-align: justify;
- font-size: calc(15px + 0.17vw);
- max-width: 800px;
- margin: auto;
- line-height: 1.5;
- padding: 0 1.5%;
-}
-
-.contact-container {
- display: flex;
- padding: 2%;
- margin: 0 auto;
- flex-wrap: wrap;
- max-width: 1500px;
- padding-top: calc(35px + 2.8vw);
- justify-content: flex-start;
-}
-
-.contact-section {
- display: inline-block;
- max-width: 31%;
- align-items: left;
- padding-left: 2.5%;
- text-align: justify;
-}
-
-#contact-img {
- width: auto;
- height: 550px;
-}
-
-form {
- width: 100%;
- text-align: justify;
- display: flex;
- flex-direction: column;
-}
-
-.form-group {
- padding-bottom: 8px;
- display: flex;
- justify-content: space-between;
-}
-
-.form-group label {
- display: inline-block;
- padding-right: 5px;
-}
-
-.form-group input, textarea {
- font-family: 'Open Sans', sans-serif, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana;
- padding: .4em .5em;
- font-size: 14px;
- color: #103443;
- background-color: #fff;
- background-image: none;
- border: 1px solid #103443;
- border-radius: 4px;
- width: 68%;
-}
-
-.form-group input {
- height: 1.6em;
-}
-
-.button {
- padding: 6px 12px;
- font-size: 16px;
- font-weight: 600;
- line-height: 2;
- white-space: nowrap;
- vertical-align: middle;
- -ms-touch-action: manipulation;
- touch-action: manipulation;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- background: #103443;
- color: #FFD700;
- border: none;
- border-radius: 4px;
- width: 44%;
- margin: auto;
-}
-
-/* footer */
-
-.footer {
- font-size: 13px;
- text-align: center;
- border-top: 1px solid#103443;
- padding: 3px;
- margin: auto 3% 0 3%;
- bottom: 0;
- width: 94%;
-}
-
-/* responsive */
-
-@media only screen and (max-width: 1400px) {
- .overImage {
- margin-top: 55vh;
- margin-left: 67%;
- width: 32%;
- }
- .overImage p {
- font-weight: 600;
- width: 100%;
- }
- .overImage p:last-child {
- color: #ffd700;
- }
- #main-page .section-container .section {
- width: 45%;
- }
- .covergif {
- margin-top: 0;
- padding-top: 4.75vw;
- height: calc(610px + 2.5vw);
- }
- #main-page .section-container {
- justify-content: space-between;
- }
-}
-
-/* for wide screens */
-
-@media only screen and (max-height: 1000px) {
- .coverImage {
- background-position: 0vh;
- }
-}
-
-@media only screen and (max-height: 700px) {
- .overImage {
- margin-top: 14vh;
- margin-left: 62%;
- width: 25%;
- }
- .overImage p {
- font-size: 1.25vw;
- }
-}
-
-@media only screen and (max-width: 1250px) {
- .contact-section {
- display: block;
- max-width: 100%;
- padding-left: 0%;
- padding-top: 2%;
- }
- #contact-img {
- width: 100%;
- height: auto;
- }
-}
-
-@media only screen and (max-width: 1190px) {
- /* intro-page visibility on smaller screens */
- .coverImage {
- background-image: none;
- }
- .overImage {
- margin-top: 30vh;
- margin-left: 22%;
- width: 55%;
- }
- .overImage p {
- font-size: 2.8vw;
- }
- /* collapse navbar */
- .toggle-button {
- display: flex;
- }
- #navbar-links {
- display: none;
- width: 100%;
- flex-direction: column;
- }
- .navbar {
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
- }
- .navbar li {
- width: 100%;
- text-align: right;
- }
- .navbar li a {
- padding: .5rem;
- }
- #navbar-links.active {
- display: flex;
- }
- .logo-in-title {
- display: none;
- }
- .title {
- padding: 0 5px;
- }
-}
-
-@media only screen and (max-width: 1050px) {
- .main-container {
- flex-direction: column;
- }
- #main-page .section-container .section {
- width: 100%;
- }
- .covergif {
- height: auto;
- padding-top: unset;
- }
- #main-page .section-container {
- width: 57%;
- }
-}
-
-@media only screen and (max-width: 830px) {
- .headcolumn1 {
- font-size: 18px;
- color: #103443;
- }
- .logo {
- padding: 40px 0 10px 0;
- }
- .section {
- padding: 0.8% 0;
- }
- .imagethumb1, .imagethumb2 {
- height: 300px;
- }
-}
-
-@media only screen and (max-width: 630px) {
- .overImage p {
- font-size: 6.5vw;
- text-align: center;
- }
- #main-page .navbar {
- margin: 0;
- width: 97%;
- }
- .toggle-button {
- top: 0.8vh;
- }
- .headcolumn, .headcolumn1 {
- float: none;
- width: 100%;
- margin-top: 2%;
- margin-bottom: 0;
- }
- .row {
- margin-top: 4%;
- }
- .imagethumb1, .imagethumb2 {
- border: none;
- }
- #main-page .imagethumb1 {
- height: 350px;
- }
- .section-container {
- display: flex;
- padding-left: 0;
- padding-right: 0;
- }
- #main-page .section-container {
- width: 100%;
- }
- .section {
- width: 100%;
- padding: 1.5% 0;
- }
- .section:hover {
- width: 100%;
- }
- .section:last-child {
- padding-bottom: 3%;
- }
- .covergif {
- padding-bottom: 4vw;
- }
- .headline2 {
- margin-top: 35px;
- padding-top: 30px;
- margin-left: 3%;
- margin-right: 3%;
- border-top: 1px solid #103443;
- }
- .contact-section {
- text-align: left;
- }
- .row>div {
- margin-right: 0%;
- margin-left: 0%;
- padding-right: 0%;
- padding-left: 0%;
- }
-}
-
-@media only screen and (max-width: 430px) {
- .imagethumb1, .imagethumb2, #main-page .imagethumb1 {
- height: 270px;
- }
- .main-container {
- padding-top: calc(45px + 8vw);
- }
-}
\ No newline at end of file
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic");*{margin:0}html,body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-image:url(../img/cubes-orly-white3.png);min-height:100vh;direction:ltr;font-family:"Open Sans",sans-serif,"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana;text-align:left;line-height:1.2}a{color:black;text-decoration:none}a:hover{font-weight:600}.coverImage{height:100vh;width:100%;background-image:url(../img/cover2.jpg);background-repeat:no-repeat;background-position:-18vh;background-size:cover;position:relative}.overImage{margin-top:20vh;margin-left:65%;position:absolute;width:30%}.overImage img{width:100%}.overImage p{text-transform:uppercase;width:97%;font-size:1.52vw;text-align:justify;font-weight:500}.overImage p:last-child{text-align:center}#main-page,#lastline{display:none}#main-page .navbar{margin:1%;width:95%}#main-page .section:hover{width:400px}.navbar{position:fixed;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:35px;width:97%;padding:0.5% 1.5%;background-color:rgba(168,168,168,0.85)}.navbar li a{padding:0.5rem 1vw;display:inline-block}.navbar li:hover{background-color:rgba(219,219,219,0.85);border-radius:5px}.navbar img{height:25px}#navbar-links{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}.toggle-button{position:absolute;top:1vh;right:1.5vw;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:30px;height:22px}.toggle-button .bar{height:4px;width:100%;background-color:gold;border-radius:10px}.section-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1500px}.section{display:inline-block;width:400px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5% 1.2%;text-align:center;-webkit-transition:width .3s ease 0s;transition:width .3s ease 0s}.section:hover{width:440px}.section img{padding-bottom:5px}.section-text{padding-top:10px;font-size:18px;line-height:1.3;text-align:justify;color:#103443}.card{width:400px;height:563px;background-color:rgba(226,226,226,0.4);border-radius:20px;margin:0.5% 1.2%;-webkit-transition:all .1s ease 0s;transition:all .1s ease 0s;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.card:hover{border:solid 1px #103443;-webkit-transform:scale(1.02);transform:scale(1.02)}.card .section{width:370px;margin-left:2px;padding:12px;height:490px}.card .section .imagethumb1{border-radius:10px;-webkit-transition:all .1s ease 0s;transition:all .1s ease 0s;-webkit-box-shadow:none;box-shadow:none}.headline{text-align:center;font-size:22px;line-height:1.5;color:#103443}.headline a img{padding:0.2em;width:25px;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.headline a:hover{width:28px;padding-bottom:0}.main-container{max-width:36cm;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:calc(45px + 2.9vw)}.covergif{padding-top:48px;height:650px;margin-top:20px}.headcolumn{font-size:calc(21px + 0.15vw);color:#103443}.imagethumb1,.imagethumb2{width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.imagethumb1{height:290px}.imagethumb2{height:190px}.fade-in-image{-webkit-animation-name:fadeIn;-webkit-animation-delay:0s;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:fadeIn;-moz-animation-delay:0s;-moz-animation-duration:3s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards;-o-animation-name:fadeIn;-o-animation-delay:0s;-o-animation-duration:3s;-o-animation-timing-function:ease;-o-animation-fill-mode:forwards;animation-name:fadeIn;animation-delay:0s;animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-webkit-animation-delay:0s;-webkit-animation-duration:4s;-webkit-animation-timing-function:ease-in;-webkit-animation-fill-mode:forwards;-moz-animation-name:fadeInLeft;-moz-animation-delay:0s;-moz-animation-duration:4s;-moz-animation-timing-function:ease-in;-moz-animation-fill-mode:forwards;-o-animation-name:fadeInLeft;-o-animation-delay:0s;-o-animation-duration:4s;-o-animation-timing-function:ease-in;-o-animation-fill-mode:forwards;animation-name:fadeInLeft;animation-delay:0s;animation-duration:4s;animation-timing-function:ease-in;animation-fill-mode:forwards}@-webkit-keyframes fadeInLeft{0%{opacity:0}40%{opacity:0;-webkit-transform:translateX(-120px);transform:translateX(-120px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0}40%{opacity:0;-webkit-transform:translateX(-120px);transform:translateX(-120px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.fade-out-image-slider{opacity:0;visibility:hidden;-webkit-transition:all .9s ease-out 0s;transition:all .9s ease-out 0s}.fade-in-image-slider{opacity:1;visibility:visible;-webkit-transition:all .9s ease-out .9s;transition:all .9s ease-out .9s}.pagetitle{width:100%;margin-top:calc(45px + 1.5vw);margin-bottom:3%}.pagetitle1{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:calc(35px + 2.8vw) 0 2px 0;border-bottom:1px solid #103443;text-align:center}.pagetitle1 img{max-height:60px;width:100%}.title{padding-left:25px}.github{font-style:italic;margin:10px 0;background-color:white;text-align:justify;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.github a img{padding:5px}.skills{padding:5px 10px;margin:3px;background-color:rgba(181,181,181,0.85);border-radius:20px;color:white}.about{font-weight:normal;text-align:justify;font-size:calc(15px + 0.17vw);max-width:820px;margin:auto;line-height:1.5;padding:0 1.5%}.contact-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:1500px;padding:2%;padding-top:calc(35px + 2.8vw);margin:0 auto}.contact-section{display:inline-block;max-width:31%;-webkit-box-align:left;-ms-flex-align:left;align-items:left;padding-left:2.5%;text-align:justify}#contact-img{width:auto;height:550px}form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;text-align:justify}.form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:8px}.form-group label{display:inline-block;padding-right:5px}.form-group input,.form-group textarea{font-family:"Open Sans",sans-serif,"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana;padding:0.4em 0.5em;font-size:14px;color:#103443;background-color:white;background-image:none;border:1px solid #103443;border-radius:4px;width:68%}.form-group input{height:1.6em}.button{width:44%;margin:auto;padding:6px 12px;font-size:16px;font-weight:600;line-height:2;white-space:nowrap;vertical-align:middle;touch-action:manipulation;-ms-touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:#103443;color:gold;border:none;border-radius:4px}.footer{width:94%;font-size:13px;text-align:center;border-top:1px solid #103443;margin:auto 3% 0 3%;bottom:0}.clearfix::after{content:"";clear:both;display:table}.uppercase{text-transform:uppercase}.my-1{margin:calc(1rem/2) 0}.ml-1{margin-left:calc(1rem/2)}.mb-1{margin-bottom:calc(1rem/2)}.py-1{padding:calc(1rem/2) 0}.p-1{padding:calc(1rem/2)}.my-2{margin:calc(2rem/2) 0}.ml-2{margin-left:calc(2rem/2)}.mb-2{margin-bottom:calc(2rem/2)}.py-2{padding:calc(2rem/2) 0}.p-2{padding:calc(2rem/2)}.my-3{margin:calc(3rem/2) 0}.ml-3{margin-left:calc(3rem/2)}.mb-3{margin-bottom:calc(3rem/2)}.py-3{padding:calc(3rem/2) 0}.p-3{padding:calc(3rem/2)}@media only screen and (max-width: 1400px){.overImage{margin-top:55vh;margin-left:67%;width:32%}.overImage p{font-weight:600;width:100%}.overImage p:last-child{color:gold}#main-page .section-container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#main-page .section-container .section{width:45%}.covergif{margin-top:0;padding-top:4.75vw;height:calc(610px + 2.5vw)}}@media only screen and (max-height: 1000px){.coverImage{background-position:0vh}}@media only screen and (max-height: 700px){.overImage{margin-top:14vh;margin-left:62%;width:25%}.overImage p{font-size:1.25vw}}@media only screen and (max-width: 1250px){.contact-section{display:block;max-width:100%;padding-left:0%;padding-top:2%}#contact-img{width:100%;height:auto}}@media only screen and (max-width: 1190px){.coverImage{background-image:none}.overImage{margin-top:30vh;margin-left:22%;width:55%}.overImage p{font-size:2.8vw}.toggle-button{display:-webkit-box;display:-ms-flexbox;display:flex}#navbar-links{display:none;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#navbar-links.active{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar li{width:100%;text-align:right}.navbar li a{padding:0.5rem}.logo-in-title{display:none}.title{padding:0 5px}}@media only screen and (max-width: 1050px){.main-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#main-page .section-container{width:57%}#main-page .section-container .section{width:100%}.covergif{height:auto;padding-top:unset}}@media only screen and (max-width: 830px){.logo{padding:40px 0 10px 0}.section{padding:0.8% 0}.imagethumb1,.imagethumb2{height:300px}}@media only screen and (max-width: 630px){.overImage p{font-size:6.5vw;text-align:center}#main-page .navbar{margin:0;width:97%}#main-page .imagethumb1{height:350px}#main-page .section-container{width:100%}.toggle-button{top:0.8vh}.headcolumn{float:none;width:100%;margin-top:2%;margin-bottom:0}.imagethumb1,.imagethumb2{border:none}.section-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;padding-right:0}.section{width:100%;padding:1.5% 0}.section:hover{width:100%}.section:last-child{padding-bottom:3%}.card{width:95vw;margin-bottom:2vh}.card .section{width:92%}.covergif{padding-bottom:4vw}.headline2{margin-top:35px;padding-top:30px;margin-left:3%;margin-right:3%;border-top:1px solid #103443}.contact-section{text-align:left}}@media only screen and (max-width: 430px){.imagethumb1,.imagethumb2{height:270px}#main-page .imagethumb1{height:270px}.main-container{padding-top:calc(45px + 8vw)}}
+/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/css/styles.css.map b/css/styles.css.map
new file mode 100644
index 0000000..189022a
--- /dev/null
+++ b/css/styles.css.map
@@ -0,0 +1,12 @@
+{
+ "version": 3,
+ "mappings": "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",
+ "sources": [
+ "../scss/styles.scss",
+ "../scss/_config.scss",
+ "../scss/_utilities.scss",
+ "../scss/_mobile.scss"
+ ],
+ "names": [],
+ "file": "styles.css"
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 32b93aa..548df7d 100644
--- a/index.html
+++ b/index.html
@@ -34,69 +34,75 @@
-
+
-
+
+
diff --git a/js/main.js b/js/main.js
index f96c6a6..9673ca4 100644
--- a/js/main.js
+++ b/js/main.js
@@ -33,10 +33,12 @@ const academicsAndTheoryImg = [
const webDevelopmentImg = [
'img/Thumbnails/card-game.jpg',
'img/Thumbnails/weather.jpg',
- 'img/Thumbnails/todo-list.png',
+ 'img/Thumbnails/flat-devices-mockup-original.png',
+ 'img/Thumbnails/mysender-form.png',
'img/Thumbnails/trade-app.png',
'img/Thumbnails/mysender-app.png',
- 'img/Thumbnails/flat-devices-mockup-original.png'
+ 'img/Thumbnails/mysender-landing.jpg',
+
];
const changeImgTimeInterval = 4000;
@@ -61,12 +63,16 @@ function slideIntro() {
};
$(window).on('load', function () {
+ $('body,html').css('overflow', 'hidden');
setTimeout(function () {
slideIntro()
changeImg("artGalleryImg", artGalleryImg, 0)
changeImg("architectureGalleryImg", architectureGalleryImg, 0)
changeImg("academicsAndTheoryImg", academicsAndTheoryImg, 0)
- changeImg("webDevelopmentImg", webDevelopmentImg, 0)
- }, 4800)
+ changeImg("webDevelopmentImg", webDevelopmentImg, 0)
+ }, 3400)
+ setTimeout(function() {
+ $('body,html').css('overflow', 'initial');
+ }, 6500)
});
diff --git a/js/pages.js b/js/pages.js
index a827d9d..f3063e1 100644
--- a/js/pages.js
+++ b/js/pages.js
@@ -1,15 +1,19 @@
// adding footer
-$(() => $("#footer").load("../components/footer.html"));
+$(function () {
+ $("#footer").load("components/footer.html");
+});
//adding navbar
-$(() => $("#navbar").load("../components/navbar.html"));
+$(function () {
+ $("#navbar").load("components/navbar.html");
+});
//submitting contact form
$('#contact-form').submit(function (e) {
e.preventDefault();
// generate a five digit number for the contact_number variable
this.contact_number.value = Math.random() * 100000 | 0;
-
+ // service ID and template ID
emailjs.sendForm('service_tgchhup', 'template_k4mnxk4', this)
.then(function () {
console.log('SUCCESS!');
@@ -22,26 +26,29 @@ $('#contact-form').submit(function (e) {
})
//image modals - open and close
-let magnifyingClick = document.querySelectorAll('.magnifying');
+var magnifyingClick = document.querySelectorAll('.magnifying');
-magnifyingClick.forEach(magnifier => {
- magnifier.onclick = () => {
- const img = magnifier.previousElementSibling;
- const modal = document.getElementById(img.getAttribute("data-modal"));
+magnifyingClick.forEach(function (magnifier) {
+ magnifier.onclick = function () {
+ var img = magnifier.previousElementSibling;
+ var modalId = img.getAttribute("data-modal");
+ var modal = document.getElementById(modalId);
modal.style.display = "block";
modal.classList.add("zoom");
img.classList.remove("zoom-out");
- const modalImg = modal.querySelector(".modal-content");
+ var modalImg = modal.querySelector(".modal-content");
modalImg.src = img.src || modalImg.src;
modal.addEventListener('click', closeModal);
- modalImg.addEventListener('click', e => e.stopPropagation() )
+ modalImg.addEventListener('click', function (e) { e.stopPropagation() })
}
});
function closeModal() {
- const modal = $('.modal.zoom');
- modal.css("display", "none").removeClass("zoom");
- $(`[data-modal="${modal.attr('id')}"]`).addClass("zoom-out");
+ var modal = document.querySelector('.modal.zoom');
+ modal.style.display = "none";
+ modal.classList.remove("zoom");
+ var img = document.querySelector(`[data-modal="${modal.id}"]`);
+ img.classList.add("zoom-out");
};
diff --git a/scss/_article-mobile.scss b/scss/_article-mobile.scss
new file mode 100644
index 0000000..75e8521
--- /dev/null
+++ b/scss/_article-mobile.scss
@@ -0,0 +1,46 @@
+@media only screen and (max-width: 630px) {
+ .row {
+ width: 100%;
+ }
+
+ .row>div {
+ width: 96%;
+ margin-right: 2%;
+ margin-left: 2%;
+ }
+
+ .threeinrow {
+ float: none;
+ width: 100%;
+ }
+
+ .threeinrow-m {
+ float: none;
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .twoinrow {
+ float: none;
+ width: 100%;
+ }
+
+ .mainheadline {
+ font-size: 28px;
+ }
+
+ .subtitle {
+ line-height: 1.2;
+ }
+
+ .modal-content {
+ max-width: 100%;
+ }
+
+ .close {
+ top: 40px;
+ right: 5px;
+ font-size: 28px;
+ }
+}
\ No newline at end of file
diff --git a/scss/_config.scss b/scss/_config.scss
new file mode 100644
index 0000000..08c7ad0
--- /dev/null
+++ b/scss/_config.scss
@@ -0,0 +1,79 @@
+$font-stack: "Open Sans", sans-serif, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode",
+ Geneva, Verdana;
+$secondary-font-stack: 'Segoe UI', 'Noto Sans', Tahoma, Geneva, Verdana, sans-serif;
+$hebrew-font-stack: Arial, Helvetica, sans-serif;
+$primary-color: #103443;
+$secondary-color: #ffd700;
+$text-color: #2b2b2b;
+$nav-color: rgba(168, 168, 168, 0.85);
+$white-background: rgba(255, 255, 255, 0.8);
+$background-img: url(../img/cubes-orly-white3.png);
+
+// set transitions:
+@mixin transition($prop, $duration, $timing-function, $delay: 0s) {
+ -webkit-transition: $prop $duration $timing-function $delay;
+ -moz-transition: $prop $duration $timing-function $delay;
+ -o-transition: $prop $duration $timing-function $delay;
+ -ms-transition: $prop $duration $timing-function $delay;
+ transition: $prop $duration $timing-function $delay;
+}
+
+// set transforms:
+@mixin transform($transforms) {
+ -webkit-transform: $transforms;
+ -moz-transform: $transforms;
+ -o-transform: $transforms;
+ -ms-transform: $transforms;
+ transform: $transforms;
+}
+// translate:
+@mixin translate ($x, $y) {
+ @include transform(translate($x, $y));
+}
+// scale:
+@mixin scale ($factor) {
+ @include transform(scale($factor));
+}
+
+//set animations:
+@mixin keyframe($animation-name) {
+ @-webkit-keyframes #{$animation-name} {
+ @content;
+ }
+
+ @-moz-keyframes #{$animation-name} {
+ @content;
+ }
+
+ @-o-keyframes #{$animation-name} {
+ @content;
+ }
+ @keyframes #{$animation-name} {
+ @content;
+ }
+}
+@mixin animation ($animation, $delay, $duration, $timing-function: ease, $fillmode: forwards) {
+ -webkit-animation-name: $animation;
+ -webkit-animation-delay: $delay;
+ -webkit-animation-duration: $duration;
+ -webkit-animation-timing-function: $timing-function;
+ -webkit-animation-fill-mode: $fillmode;
+
+ -moz-animation-name: $animation;
+ -moz-animation-delay: $delay;
+ -moz-animation-duration: $duration;
+ -moz-animation-timing-function: $timing-function;
+ -moz-animation-fill-mode: $fillmode;
+
+ -o-animation-name: $animation;
+ -o-animation-delay: $delay;
+ -o-animation-duration: $duration;
+ -o-animation-timing-function: $timing-function;
+ -o-animation-fill-mode: $fillmode;
+
+ animation-name: $animation;
+ animation-delay: $delay;
+ animation-duration: $duration;
+ animation-timing-function: $timing-function;
+ animation-fill-mode: $fillmode;
+}
diff --git a/scss/_mobile.scss b/scss/_mobile.scss
new file mode 100644
index 0000000..24aaa89
--- /dev/null
+++ b/scss/_mobile.scss
@@ -0,0 +1,247 @@
+@media only screen and (max-width: 1400px) {
+ .overImage {
+ margin-top: 55vh;
+ margin-left: 67%;
+ width: 32%;
+
+ p {
+ font-weight: 600;
+ width: 100%;
+
+ &:last-child {
+ color: $secondary-color;
+ }
+ }
+ }
+
+ #main-page {
+ .section-container {
+ justify-content: space-between;
+ .section {
+ width: 45%;
+ }
+ }
+ }
+
+ .covergif {
+ margin-top: 0;
+ padding-top: 4.75vw;
+ height: calc(610px + 2.5vw);
+ }
+}
+
+/* for wide screens */
+
+@media only screen and (max-height: 1000px) {
+ .coverImage {
+ background-position: 0vh;
+ }
+}
+
+@media only screen and (max-height: 700px) {
+ .overImage {
+ margin-top: 14vh;
+ margin-left: 62%;
+ width: 25%;
+
+ p {
+ font-size: 1.25vw;
+ }
+ }
+}
+
+@media only screen and (max-width: 1250px) {
+ .contact-section {
+ display: block;
+ max-width: 100%;
+ padding-left: 0%;
+ padding-top: 2%;
+ }
+
+ #contact-img {
+ width: 100%;
+ height: auto;
+ }
+}
+
+@media only screen and (max-width: 1190px) {
+ /* intro-page visibility on smaller screens */
+ .coverImage {
+ background-image: none;
+ }
+
+ .overImage {
+ margin-top: 30vh;
+ margin-left: 22%;
+ width: 55%;
+
+ p {
+ font-size: 2.8vw;
+ }
+ }
+
+ /* collapse navbar */
+ .toggle-button {
+ display: flex;
+ }
+
+ #navbar-links {
+ display: none;
+ width: 100%;
+ flex-direction: column;
+
+ &.active {
+ display: flex;
+ }
+ }
+
+ .navbar {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+
+ li {
+ width: 100%;
+ text-align: right;
+
+ a {
+ padding: 0.5rem;
+ }
+ }
+ }
+
+ .logo-in-title {
+ display: none;
+ }
+
+ .title {
+ padding: 0 5px;
+ }
+}
+
+@media only screen and (max-width: 1050px) {
+ .main-container {
+ flex-direction: column;
+ }
+
+ #main-page {
+ .section-container {
+ width: 57%;
+ .section {
+ width: 100%;
+ }
+ }
+ }
+
+ .covergif {
+ height: auto;
+ padding-top: unset;
+ }
+}
+
+@media only screen and (max-width: 830px) {
+ .logo {
+ padding: 40px 0 10px 0;
+ }
+
+ .section {
+ padding: 0.8% 0;
+ }
+
+ %imagethumb {
+ height: 300px;
+ }
+}
+
+@media only screen and (max-width: 630px) {
+ .overImage {
+ p {
+ font-size: 6.5vw;
+ text-align: center;
+ }
+ }
+
+ #main-page {
+ .navbar {
+ margin: 0;
+ width: 97%;
+ }
+ .imagethumb1 {
+ height: 350px;
+ }
+ .section-container {
+ width: 100%;
+ }
+ }
+
+ .toggle-button {
+ top: 0.8vh;
+ }
+
+ .headcolumn {
+ float: none;
+ width: 100%;
+ margin-top: 2%;
+ margin-bottom: 0;
+ }
+
+ %imagethumb {
+ border: none;
+ }
+
+ .section-container {
+ display: flex;
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .section {
+ width: 100%;
+ padding: 1.5% 0;
+
+ &:hover {
+ width: 100%;
+ }
+ &:last-child {
+ padding-bottom: 3%;
+ }
+ }
+
+ .card {
+ width: 95vw;
+ margin-bottom: 2vh;
+ .section {
+ width: 92%;
+ }
+ }
+
+ .covergif {
+ padding-bottom: 4vw;
+ }
+
+ .headline2 {
+ margin-top: 35px;
+ padding-top: 30px;
+ margin-left: 3%;
+ margin-right: 3%;
+ border-top: 1px solid $primary-color;
+ }
+
+ .contact-section {
+ text-align: left;
+ }
+
+}
+
+@media only screen and (max-width: 430px) {
+ %imagethumb {
+ height: 270px;
+ }
+ #main-page .imagethumb1 {
+ height: 270px;
+ }
+
+ .main-container {
+ padding-top: calc(45px + 8vw);
+ }
+}
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
new file mode 100644
index 0000000..3185e0d
--- /dev/null
+++ b/scss/_utilities.scss
@@ -0,0 +1,37 @@
+.clearfix {
+ &::after {
+ content: "";
+ clear: both;
+ display: table;
+ }
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+// set margin and padding classes:
+$spaceamounts: (1, 2, 3);
+
+@each $space in $spaceamounts {
+ //margin top & bottom:
+ .my-#{$space} {
+ margin: calc(#{$space}rem/2) 0;
+ }
+ //margin left:
+ .ml-#{$space} {
+ margin-left: calc(#{$space}rem/2);
+ }
+ //margin bottom:
+ .mb-#{$space} {
+ margin-bottom: calc(#{$space}rem/2);
+ }
+ //padding top & bottom:
+ .py-#{$space} {
+ padding: calc(#{$space}rem/2) 0;
+ }
+ //padding all:
+ .p-#{$space} {
+ padding: calc(#{$space}rem/2) ;
+ }
+}
\ No newline at end of file
diff --git a/scss/article.scss b/scss/article.scss
new file mode 100644
index 0000000..7690d11
--- /dev/null
+++ b/scss/article.scss
@@ -0,0 +1,367 @@
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700");
+@import "config";
+
+
+body {
+ font-family: $secondary-font-stack;
+ color: $text-color;
+ & > div:last-child {
+ & > a {
+ text-decoration: underline;
+
+ &::after {
+ content: none;
+ display: inline;
+ clear: none;
+ }
+ }
+ }
+}
+
+a {
+ & > div {
+ font-weight: bold;
+ float: right;
+ font-size: 17px;
+ }
+ /* Clear floats */
+ &:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+}
+
+.row {
+ width: 630px;
+ margin: auto;
+ line-height: 1.5;
+ & > div {
+ margin-bottom: 2%;
+ }
+}
+
+.headline {
+ font-size: 26px;
+ line-height: 1.5;
+}
+
+.mainheadline {
+ line-height: 1;
+ font-size: 30px;
+ text-transform: uppercase;
+ color: $primary-color;
+ text-align: center;
+ padding-top: 5px;
+ padding-bottom: 7px;
+ border-bottom: 2px solid $secondary-color;
+ font-family: $font-stack;
+}
+
+.borderline {
+ border-top: 2px solid $secondary-color;
+ padding: 1%;
+}
+
+.subtitle {
+ line-height: 0.9;
+ font-size: 16px;
+ color: $primary-color;
+ font-style: oblique;
+ font-weight: 500;
+}
+
+.insidetitle {
+ text-align: center;
+ color: white;
+ background: rgb(160, 160, 160);
+}
+
+.insidetitle + .insidetitle {
+ margin-top: 1px;
+ font-size: 19px;
+ font-weight: bold;
+}
+
+div {
+ .imageinrow {
+ margin-bottom: 0;
+ }
+}
+
+.imageinrow {
+ width: 100%;
+ position: relative;
+ left: 0;
+ top: 0;
+ padding-bottom: 3px;
+}
+
+.threeinrow {
+ float: left;
+ width: 32.3%;
+}
+
+.threeinrow-m {
+ float: left;
+ width: 32.3%;
+ padding-left: 1.5%;
+ padding-right: 1.5%;
+}
+
+.twoinrow {
+ float: left;
+ width: 48%;
+}
+
+.magnifying {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 90px;
+ cursor: pointer;
+ z-index: 1;
+
+ &:hover {
+ transform: scale(1.1);
+ }
+}
+
+%texts {
+line-height: 1.4;
+ font-size: 14.5px;
+ text-align: justify;
+}
+
+.description {
+ @extend %texts;
+}
+
+.article {
+ @extend %texts;
+ text-indent: 1.5em;
+}
+
+.article-sub {
+ text-decoration: underline;
+ font-weight: bolder;
+ text-indent: 0;
+}
+
+.endnote {
+ line-height: 1.4;
+ font-size: 13px;
+ color: #7a7a7a;
+ text-align: justify;
+ display: inline-block;
+ text-indent: 0;
+}
+
+.quote {
+ line-height: 1.6;
+ font-size: 14.5px;
+ color: $primary-color;
+ text-align: justify;
+ font-style: oblique;
+ margin-left: 12%;
+ margin-right: 12%;
+ font-weight: bolder;
+}
+
+.drop-cap {
+ font-size: 75px;
+ float: left;
+ color: $primary-color;
+ line-height: 58px;
+ font-weight: bold;
+ text-indent: 0.3em;
+ padding-right: 3px;
+}
+
+.drop-cap-web {
+ font-size: 48px;
+ float: left;
+ color: $primary-color;
+ line-height: 38px;
+ font-weight: bold;
+ text-indent: 0.3em;
+ padding-right: 5px;
+ text-transform: uppercase;
+}
+
+.imagecredit {
+ line-height: 1.1;
+ font-size: 12px;
+}
+
+.abstract {
+ line-height: 1.4;
+ font-size: 14.5px;
+ color: black;
+ text-align: justify;
+ font-weight: bold;
+ border-bottom: 1px solid $primary-color;
+}
+
+.imagesource {
+ color: gray;
+}
+
+/* image slider */
+
+.slideshow-container {
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+}
+
+.slideshow-slide {
+ display: flex;
+ width: 100%;
+ height: 420px;
+}
+
+.slides {
+ display: none;
+}
+
+%arrows {
+ position: absolute;
+ top: 50%;
+ width: auto;
+ margin-top: -22px;
+ padding: 16px;
+ color: $white-background;
+ font-weight: bold;
+ font-size: 18px;
+ transition: 0.3s ease;
+ user-select: none;
+ cursor: pointer;
+
+ &:hover {
+ color: white;
+ }
+}
+
+.right-arrow {
+ @extend %arrows;
+ right: 0;
+ border-radius: 3px 0 0 3px;
+}
+
+.left-arrow {
+ @extend %arrows;
+ left: 0;
+ border-radius: 0 3px 3px 0;
+}
+
+.slider-nav {
+ width: 100%;
+ padding: 20px 0;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ text-align: center;
+}
+
+%slider-button {
+ width: 10px;
+ height: 10px;
+ display: inline-block;
+ border-radius: 50%;
+ margin: 0 5px;
+ cursor: pointer;
+}
+
+.slider-button-selected {
+ @extend %slider-button;
+ background: $white-background;
+}
+
+.slider-button {
+ @extend %slider-button;
+ background: rgba(255, 255, 255, 0.2);
+
+ &:hover {
+ background: $white-background;
+ }
+}
+
+.slide-transition {
+ @include transition(transform, 0.4s, ease-in-out);
+}
+
+/*modal*/
+
+.modal {
+ display: none;
+ position: fixed;
+ z-index: 2;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ /* Enable scroll if needed */
+ background-color: rgb(0, 0, 0);
+ /* Fallback color */
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.modal-content {
+ margin: auto;
+ display: block;
+ max-width: 80%;
+ max-height: 94vh;
+ position: relative;
+ top: calc(50% + 27px);
+ @include translate(0, -50%);
+ @include transition(transform, 0.1s, ease);
+}
+
+.close {
+ position: absolute;
+ top: 50px;
+ right: 25px;
+ color: #f1f1f1;
+ font-size: 35px;
+ @include transition(all, 0.2s, ease);
+
+ &:hover,
+ &:focus {
+ color: #bbb;
+ text-decoration: none;
+ cursor: pointer;
+ }
+}
+
+.zoom {
+ @include animation(zoom, 0, 0.3s, ease);
+}
+
+@include keyframe(zoom) {
+ from {
+ transform: scale(0);
+ }
+
+ to {
+ transform: scale(1);
+ }
+}
+
+.zoom-out {
+ @include animation(zoom-out, 0, 0.2s);
+ animation: zoom-out 0.2s;
+}
+
+@include keyframe(zoom-out) {
+ from {
+ transform: scale(2);
+ }
+
+ to {
+ transform: scale(1);
+ }
+}
+
+@import "article-mobile";
\ No newline at end of file
diff --git a/scss/rtl-styles.scss b/scss/rtl-styles.scss
new file mode 100644
index 0000000..d52bae1
--- /dev/null
+++ b/scss/rtl-styles.scss
@@ -0,0 +1,56 @@
+@import "config";
+
+* {
+ margin: 0;
+}
+
+html, body {
+
+ font-family: $hebrew-font-stack;
+ line-height:1.2;
+ }
+
+ .row {
+direction: rtl;
+ text-align: right;
+ }
+
+ .mainheadline {
+ font-size: 36px;
+ }
+
+ .subtitle {
+ line-height: 1;
+ font-size: 18px;
+ font-weight: bold;
+ }
+
+ .drop-cap{
+ font-size: 95px;
+ float: right;
+ color: $primary-color;
+ line-height: 50px;
+ font-weight: bold;
+ text-indent: 0.3em;
+ padding-left: 3px;
+
+ }
+
+ .article-sub{
+ text-decoration: underline;
+ font-weight: bolder;
+ text-indent: 0;
+ font-size: 17px;
+}
+
+.quote-en{
+ direction: ltr;
+ line-height: 1.6;
+ font-size: 15px;
+ color: $primary-color;
+ text-align: justify;
+ font-style: oblique;
+ margin-left: 12%;
+ margin-right: 12%;
+ font-weight: bolder;
+}
\ No newline at end of file
diff --git a/scss/styles.scss b/scss/styles.scss
new file mode 100644
index 0000000..a89734d
--- /dev/null
+++ b/scss/styles.scss
@@ -0,0 +1,471 @@
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic");
+@import "config";
+
+/* general */
+
+* {
+ margin: 0;
+}
+
+html,
+body {
+ display: flex;
+ flex-direction: column;
+ background-image: $background-img;
+ min-height: 100vh;
+ direction: ltr;
+ font-family: $font-stack;
+ text-align: left;
+ line-height: 1.2;
+}
+
+a {
+ color: black;
+ text-decoration: none;
+
+ &:hover {
+ font-weight: 600;
+ }
+}
+
+/* intro page */
+
+.coverImage {
+ height: 100vh;
+ width: 100%;
+ background-image: url(../img/cover2.jpg);
+ background-repeat: no-repeat;
+ background-position: -18vh;
+ background-size: cover;
+ position: relative;
+}
+
+.overImage {
+ margin-top: 20vh;
+ margin-left: 65%;
+ position: absolute;
+ width: 30%;
+
+ img {
+ width: 100%;
+ }
+
+ p {
+ text-transform: uppercase;
+ width: 97%;
+ font-size: 1.52vw;
+ text-align: justify;
+ font-weight: 500;
+
+ &:last-child {
+ text-align: center;
+ }
+ }
+}
+
+%no-display {
+ display: none;
+}
+
+#main-page {
+ @extend %no-display;
+ .navbar {
+ margin: 1%;
+ width: 95%;
+ }
+ .section:hover {
+ width: 400px;
+ }
+}
+
+#lastline {
+ @extend %no-display;
+}
+
+/* navbar */
+
+.navbar {
+ position: fixed;
+ z-index: 5;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ min-height: 35px;
+ width: 97%;
+ padding: 0.5% 1.5%;
+ background-color: $nav-color;
+
+ li {
+ a {
+ padding: 0.5rem 1vw;
+ display: inline-block;
+ }
+
+ &:hover {
+ background-color: lighten($nav-color, 20%);
+ border-radius: 5px;
+ }
+ }
+
+ img {
+ height: 25px;
+ }
+}
+
+#navbar-links {
+ list-style-type: none;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: center;
+ padding: 0;
+}
+
+/* Hide the link that should open and close the topnav on small screens */
+.toggle-button {
+ position: absolute;
+ top: 1vh;
+ right: 1.5vw;
+ display: none;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 30px;
+ height: 22px;
+
+ .bar {
+ height: 4px;
+ width: 100%;
+ background-color: $secondary-color;
+ border-radius: 10px;
+ }
+}
+
+/* gallery sections */
+
+.section-container {
+ display: flex;
+ padding: 1%;
+ justify-content: center;
+ margin: 0 auto;
+ flex-wrap: wrap;
+ max-width: 1500px;
+}
+
+.section {
+ display: inline-block;
+ width: 400px;
+ align-items: center;
+ padding: 0.5% 1.2%;
+ text-align: center;
+ @include transition(width, 0.3s, ease);
+
+ &:hover {
+ width: 440px;
+ }
+
+ img {
+ padding-bottom: 5px;
+ }
+}
+
+.section-text {
+ padding-top: 10px;
+ font-size: 18px;
+ line-height: 1.3;
+ text-align: justify;
+ color: $primary-color;
+}
+
+.card {
+ width: 400px;
+ height: 563px;
+ background-color: rgba(226, 226, 226, 0.4);
+ border-radius: 20px;
+ margin: 0.5% 1.2%;
+ @include transition(all, 0.1s, ease);
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
+ &:hover {
+ border: solid 1px $primary-color;
+ @include scale(1.02);
+
+ }
+ .section {
+ width: 370px;
+ margin-left: 2px;
+ padding: 12px;
+ height: 490px;
+
+ .imagethumb1 {
+ border-radius: 10px;
+ @include transition(all, 0.1s, ease);
+ box-shadow: none;
+ }
+ }
+}
+
+.headline {
+ text-align: center;
+ font-size: 22px;
+ line-height: 1.5;
+ color: $primary-color;
+
+ a {
+ img {
+ padding: 0.2em;
+ width: 25px;
+ @include transition(all, 0.2s, ease-in-out);
+ }
+
+ &:hover {
+ width: 28px;
+ padding-bottom: 0;
+ }
+ }
+}
+
+/* home page*/
+
+.main-container {
+ max-width: 36cm;
+ margin: auto;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ padding-top: calc(45px + 2.9vw);
+}
+
+.covergif {
+ padding-top: 48px;
+ height: 650px;
+ margin-top: 20px;
+}
+
+.headcolumn {
+ font-size: calc(21px + 0.15vw);
+ color: $primary-color;
+}
+
+%imagethumb {
+ width: 100%;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ /*border: 1px solid #103443;*/
+}
+
+.imagethumb1 {
+ @extend %imagethumb;
+ height: 290px;
+}
+
+.imagethumb2 {
+ @extend %imagethumb;
+ height: 190px;
+}
+
+/* animations and transitions */
+
+.fade-in-image {
+ @include animation(fadeIn, 0s, 3s);
+}
+
+@include keyframe(fadeIn) {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.fadeInLeft {
+ @include animation(fadeInLeft, 0s, 4s, ease-in);
+}
+
+@include keyframe(fadeInLeft) {
+ 0% {
+ opacity: 0;
+ }
+
+ 40% {
+ opacity: 0;
+ transform: translateX(-120px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+
+.fade-out-image-slider {
+ opacity: 0;
+ visibility: hidden;
+ @include transition(all, 0.9s, ease-out);
+}
+
+.fade-in-image-slider {
+ opacity: 1;
+ visibility: visible;
+ @include transition(all, 0.9s, ease-out, 0.9s);
+}
+
+/* gallery pages */
+
+.pagetitle {
+ width: 100%;
+ margin-top: calc(45px + 1.5vw);
+ margin-bottom: 3%;
+}
+
+.pagetitle1 {
+ max-width: fit-content;
+ justify-content: space-evenly;
+ flex-wrap: nowrap;
+ align-items: baseline;
+ padding: calc(35px + 2.8vw) 0 2px 0;
+ border-bottom: 1px solid $primary-color;
+ text-align: center;
+
+ img {
+ max-height: 60px;
+ width: 100%;
+ }
+}
+
+.title {
+ padding-left: 25px;
+}
+
+.github {
+ font-style: italic;
+ margin: 10px 0;
+ background-color: white;
+ text-align: justify;
+ border-bottom-left-radius: 20px;
+ border-bottom-right-radius: 20px;
+
+ a {
+ img {
+ padding: 5px;
+ }
+ }
+}
+
+.skills {
+ padding: 5px 10px;
+ margin: 3px;
+ background-color: lighten($nav-color, 5%);
+ border-radius: 20px;
+ color: white;
+}
+
+/* about page */
+.about {
+ font-weight: normal;
+ text-align: justify;
+ font-size: calc(15px + 0.17vw);
+ max-width: 820px;
+ margin: auto;
+ line-height: 1.5;
+ padding: 0 1.5%;
+}
+
+/* contact page */
+.contact-container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ max-width: 1500px;
+ padding: 2%;
+ padding-top: calc(35px + 2.8vw);
+ margin: 0 auto;
+}
+
+.contact-section {
+ display: inline-block;
+ max-width: 31%;
+ align-items: left;
+ padding-left: 2.5%;
+ text-align: justify;
+}
+
+#contact-img {
+ width: auto;
+ height: 550px;
+}
+
+form {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ text-align: justify;
+}
+
+.form-group {
+ display: flex;
+ justify-content: space-between;
+ padding-bottom: 8px;
+
+ label {
+ display: inline-block;
+ padding-right: 5px;
+ }
+
+ %input-text {
+ font-family: $font-stack;
+ padding: 0.4em 0.5em;
+ font-size: 14px;
+ color: #103443;
+ background-color: white;
+ background-image: none;
+ border: 1px solid $primary-color;
+ border-radius: 4px;
+ width: 68%;
+ }
+ input {
+ @extend %input-text;
+ height: 1.6em;
+ }
+ textarea {
+ @extend %input-text;
+ }
+}
+
+.button {
+ width: 44%;
+ margin: auto;
+ padding: 6px 12px;
+ font-size: 16px;
+ font-weight: 600;
+ line-height: 2;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ -ms-touch-action: manipulation;
+ cursor: pointer;
+ user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ background: $primary-color;
+ color: $secondary-color;
+ border: none;
+ border-radius: 4px;
+}
+
+/* footer */
+
+.footer {
+ width: 94%;
+ font-size: 13px;
+ text-align: center;
+ border-top: 1px solid $primary-color;
+ margin: auto 3% 0 3%;
+ bottom: 0;
+}
+
+@import "utilities";
+@import "mobile";
diff --git a/web-development.html b/web-development.html
index 8ec9f87..c277243 100644
--- a/web-development.html
+++ b/web-development.html
@@ -14,7 +14,7 @@
-
Atelier Even | Web Development
+
Atelier Even | Web Development Portfolio
@@ -27,80 +27,201 @@
-
Web Design & Development Projects
+
Web Design & Development Projects
+
+
+
+
+
+
Agenda:
+
As a well-experienced architect and lecturer, I'm currently shifting to the
+ hi-tech
+ industry to a software development role. All self-taught (she-codes; and Udemy courses), I've acquired
+ hands-on
+ experience in frontend and full-stack development of web apps, focusing on MERN stack.
+
+
Skills:
+
+
JavaScript
+
ES6+
+
HTML5
+
CSS3
+
React
+
Redux
+
Node.js
+
Express
+
MongoDB
+
jQuery
+
Bootstrap
+
+
+
+
+
+
+
+
+
+
+ MYSENDER APP
+
+
A RESTful web app that allows business users to send feedback-surveys,
+ featuring
+ OAuth, payments and emailing. Frontend written in React, using React-router, Redux,
+ Redux-form.
+ Backend
+ written in JS, hosted in Node.js and Express, using MongoDB Atlas and Mongoose.
+
+
+
-
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/AhuzatBayit.jpg" alt="Ahuzat Bait">
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/ALLENBY_STREET_IN_TEL_AVIV._רחוב_אלנבי_בתל_אביב.D23-104.jpg" alt="Allenbi St." loading="lazy">
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-PikiWiki_Israel_51165_allenby_st.jpg" alt="Allenbi St." loading="lazy">
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/Angel_house.jpg" alt="Angel House" loading="lazy">
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-PikiWiki_Israel_9983_rabinsky_house_in_tel_aviv.jpg" alt="Rabinsky House" loading="lazy">
+ 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">
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/1024px-חלון_ראווה_של_שען_וצורף.jpg" alt="Loclsmith's Window" loading="lazy">
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/כניסה_רוטשילד_22.jpg" alt="22 Rothschild" loading="lazy">
+ src="img/Academics&Theory/Building-Entrances-as-Cultural-Narratives/frishman.jpg" alt="Frishman Tower" loading="lazy">
+ 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"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/IMG_3723.jpg"
+ alt="Re-imagining-the-Face"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/64857_0508e42c1c_o.jpg"
+ loading="lazy"
+ alt="Phil"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/IMG_7127.jpg"
+ loading="lazy"
+ alt="Mark"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/IMG_2573.jpg"
+ loading="lazy"
+ alt="Mark(detail)"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/4655995233_28edf5da9d_c.jpg"
+ loading="lazy"
+ alt="Fanny/Fingerpainting"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/IMG_2591.jpg"
+ loading="lazy"
+ alt="Lucas"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/IMG_2592.jpg"
+ loading="lazy"
+ alt="Lucas(detail)"
+ >
+ src="img/Academics&Theory/Re-imagining-the-Face/IMG_0665.jpg"
+ loading="lazy"
+ alt="Emma"
+ >
+ 
+ 
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure01.jpg"
+ alt="North-South Axis of Welthauptstadt
+ Germania"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure02_Bundesarchiv_Bild_146-1986-029-02,__Germania_,_Modell__Große_Halle_.jpg"
+ alt="Great hall and Konigsplatz Square"
+ loading="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure03_tempelhof-entrance-square.jpg"
+ alt="Tempelhof Airport by Architect Ernst Sagebiel, Entrance to
+ Terminal"
+ loading="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure04_ReichsluftfahrtministeriumLeipzigerStraße.jpg"
+ alt="German Ministry of Finance by Architect Ernst Sagebiel"
+ loading="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure05_Berlin_Tempelhof_Airport_aerial_photo_c1948.jpg0"
+ alt="Templehof Airport, Aerial View"
+ loading="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure06_Étienne-Louis_Boullée,_Cénotaphe_de_Newton_-_02_-_Élévation_perspective.jpg"
+ alt="E.L. Boullée’s Newton's Cenotaph"
+ laoding="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure07_Tempelhof – Elevations of Towers 6-8.jpg"
+ alt="Tempelhof – Elevations of Towers
+ 6-8"
+ loading="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure09_repetitive facade.jpg"
+ alt="Tempelhof – Repetetive Façade"
+ laoding="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/10_Tempelhof.jpg"
+ alt="Tempelhof – Façade Segment"
+ laoding="lazy"
+ >
+ src="img/Academics&Theory/TheSublimeObjectofNaziArchitecture/Figure10_Nürnberg,_Reichsparteitag,_Lichtdom.jpg"
+ alt="Cathedral of Lights at Zeppelinfeld"
+ laoding="lazy"
+ >
+ 
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/erez006.jpg" alt="Artists-Studio-Gallery">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/Old-Factory-Before-Renovation.png"
+ alt="Old Factory Before Renovation" loading="lazy">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/sec1.png" alt="Cross Section" loading="lazy">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/erez012.jpg" alt="Art Studio After Renovation"
+ loading="lazy">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/erez002.jpg" alt="Art Studio After Renovation"
+ loading="lazy">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/erez010.jpg" alt="Art Studio After Renovation"
+ loading="lazy">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/erez007.jpg" alt="Art Studio After Renovation"
+ loading="lazy">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/erez015.jpg" alt="Art Studio After Renovation"
+ loading="lazy">
+ src="img/Architecture_Gallery/Artists-Studio-Gallery/erez018.jpg" alt="Art Studio After Renovation"
+ loading="lazy">
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/576px-Azriely_Sarona2_Gidi-Epstein.jpg" alt="Azrieli Sarona">
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/azrieli-sarona_moshe-tzur-architects-and-town-planners9.jpg"
+ alt=""
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/azrieli-sarona_moshe-tzur-architects-and-town-planners10.jpg"
+ alt=""
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/aerial-view.png"
+ alt="Aerial View"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/schemes.png"
+ alt="Schemes"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/birds-eye-view.png"
+ alt="Bird's Eye View from South"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/mall-plans.png"
+ alt="Mall Floor Plans"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/mall.png"
+ alt="Mall, View from Begin Rd."
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/tower-plans.png"
+ alt="Toewer Floor Plans"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/azrieli-sarona_moshe-tzur-architects-and-town-planners7.jpg"
+ alt=""
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Azrieli-Sarona-Center/810px-Azriely_Sarona5.jpg"
+ alt=""
+ loading="lazy"
+ >
+ 
+ src="img/Architecture_Gallery/Haifa-Residential/nw-color-1-rendered.jpg"
+ alt="Haifa-Residential/nw-color">
+ src="img/Architecture_Gallery/Haifa-Residential/Before.png" alt="1920’s Building Before Demolition"
+ loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/west_elevation.jpg" alt="West façade" loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/IMG_9007.png" alt="Model: Idan Zilbershtein"
+ loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/IMG_9009.png" alt="Model: Idan Zilbershtein"
+ loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/Jonathan9_Plan-Ground[3.13]with landscape.png"
+ alt="Ground Floor Plan" loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/Jonathan9_Plan-First.png" alt="First Floor Plan"
+ loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/Jonathan9_scheme.png" alt="Scheme" loading="lazy">
- 
+ src="img/Architecture_Gallery/Haifa-Residential/patio1-color-1.jpg" alt="First Floor Plan"
+ loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/duplex-color-1.jpg" alt="Rooftop Duplex, View from West"
+ loading="lazy">
+ src="img/Architecture_Gallery/Haifa-Residential/IMG_5997.jpg" alt="Under Construction, July 2019"
+ loading="lazy">
+ 
+ src="img/Architecture_Gallery/Mixed-Use-Compound/e_VR_ICI008_T.jpg" alt="Mixed-Use-Compound">
+ src="img/Architecture_Gallery/Mixed-Use-Compound/grid.jpg"
+ alt="Irregular Grid Study"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Mixed-Use-Compound/e_VR_ICI009-2.jpg"
+ alt="Mixed-Use-Compound"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Mixed-Use-Compound/e_VR_ICI001-2_T.jpg"
+ alt="Mixed-Use-Compound"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Mixed-Use-Compound/e_VR_ICI003-V3.jpg"
+ alt="Mixed-Use-Compound"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Mixed-Use-Compound/e_VR_ICI006.jpg"
+ alt="Mixed-Use-Compound"
+ loading="lazy"
+ >
+ src="img/Architecture_Gallery/Mixed-Use-Compound/e_VR_ICI005.jpg" alt="Mixed-Use-Compound"
+ loading="lazy">
+ src="img/Architecture_Gallery/Point-of-Reflection/IMG_6035.jpg" alt="Point-of-Reflection">
+ src="img/Architecture_Gallery/Point-of-Reflection/models.png" alt="Point-of-Reflection" loading="lazy">
+ 
+ src="img/Architecture_Gallery/Point-of-Reflection/plans.png"
+ alt="plans" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/plan-scheme.png"
+ alt="plan-scheme" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/scan2.jpg"
+ alt="plan-scheme" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/model-square.jpg"
+ alt="model" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/square-through-model.png"
+ alt="model" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/programme.png"
+ alt="programme" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/axo-interior.jpg"
+ alt="axo-interior" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/IMG_5997.jpg"
+ alt="model" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/sec-a.jpg"
+ alt="Sec A-A" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/sec-b.jpg"
+ alt="Sec B-B" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/sec-c.jpg"
+ alt="Sec C-C" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/axonometry.jpg"
+ alt="Wooden Shelves Axonometry" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/detail1-floor.jpg"
+ alt="Detail#1: Plywood Floor" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/detail2-structural-element.jpg"
+ alt="Detail#2: Structural Wood Element" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/detail3-glass-wood.jpg"
+ alt="Detail#3: Glass-Wood Encounter" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/detail4-doorway.jpg"
+ alt="Detail#4: Doorpost" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Point-of-Reflection/West-facade.png"
+ alt="West Façade" loading="lazy"
+ >
+ 
+ 
+ src="img/Architecture_Gallery/Rejuvenation-Trail/3.jpg" alt="Rejuvenation-Trail">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/1.jpg" alt="Bird’s-Eye View" loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/General-Layout.jpg" alt="General-Layout"
+ loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/Programme.jpg" alt="Programme" loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/Ateliers-Accomodation-Types.png"
+ alt="Ateliers-Accomodation-Types" loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/Design-Concept.png" alt="Design-Concept"
+ loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/Ateliers-Workshop-Types.png"
+ alt="Ateliers-Workshop-Types" loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/4.jpg" alt="Rejuvenation-Trail" loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/6.jpg" alt="Rejuvenation-Trail" loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/2.jpg" alt="Museum of the Disappeared Works"
+ loading="lazy">
+ src="img/Architecture_Gallery/Rejuvenation-Trail/5.jpg" alt="Museum of the Disappeared Works"
+ loading="lazy">
+ 
+ 
+ 
+ 
+ 
+ 
+ src="img/Architecture_Gallery/Tempelhof-Messe/CCF31072010_00002.jpg" alt="Tempelhof-Messe">
+ src="img/Architecture_Gallery/Tempelhof-Messe/aerial-tempelhof.jpg"
+ alt="Tempelhof Airport, Aerial View" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/Figure05_Berlin_Tempelhof_Airport_aerial_photo_c1948.jpg"
+ alt="Tempelhof Airport, Aerial View" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/Figure03_tempelhof entrance square.jpg"
+ alt="Zentralflughafen Tempelhof" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/IMG_6820.jpg"
+ alt="“City Walls”" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Tempelhof-Messe/1280px-FlughafenBerlinTempelhof1984.jpg"
+ alt="Rooftop and taxiway" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Tempelhof-Messe/tempelhof-1932405_1280.jpg"
+ alt="Beneath the suspended roof" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Tempelhof-Messe/programme.png"
+ alt="Overview of building units" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/aerial-tel-aviv.jpg"
+ alt="Tempelhof-Tel Aviv" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/aerial-lucca.jpg"
+ alt="Tempelhof-Lucca" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/Grid-Scheme.png"
+ alt="Masterplan Scheme" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Tempelhof-Messe/site-plan.png"
+ alt="Site Plan" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Tempelhof-Messe/circulation.png"
+ alt="Trade Fair Circulation" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/transportation.png"
+ alt="Transportation" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/plan-moat.png"
+ alt="“Moat” Level Plan" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/plan-upper.png"
+ alt="Upper Promenade Level Plan" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/sec_a-a_1-250.png"
+ alt="Sec A-A" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/section_b-b_1-250.png"
+ alt="Sec B-B" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/Section_C_1-250.png"
+ alt="Sec C-C" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/IMG_7070.jpg"
+ alt="Tempelhof-Messe" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/repetitive facade.png"
+ alt="New Urban Façade" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/Plan-moat-segment.png"
+ alt="“Moat” Level Plan" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/Plan-upper-segment.png"
+ alt="Upper Promenade Level Plan" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/IMG_7066.jpg"
+ alt="Main Boulevard" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/sec_a-a_1-100.png"
+ alt="Sec A-A, Enlarged" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/IMG_7062.jpg"
+ alt="Main Boulevard" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/sec_b-b_1-100.png"
+ alt="Sec B-B, Enlarged" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/CCF31072010_00000.jpg"
+ alt="Roof Garden" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/SectionC_1-100.png"
+ alt="Sec C-C, Enlarged" loading="lazy"
+ >
+ src="img/Architecture_Gallery/Tempelhof-Messe/IMG_7085.png"
+ alt="Tempelhof-Messe model" loading="lazy">
+ src="img/Architecture_Gallery/Tempelhof-Messe/IMG_7073.png"
+ alt="Tempelhof-Messe model" loading="lazy">
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
- 
+ 
+ 
+ 
+ 
- 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ .png){kind=logo}
+ 
+
+ 
+ 
+ src="img/Web_Development/mysender/flat-devices-mockup.png" alt="mysender">
+ src="img/Web_Development/mysender/iphone-x-mockup.png" alt="Landing" loading="lazy">
+ src="img/Web_Development/mysender/iphone-x-mockup-login.png" alt="Landing" loading="lazy">
+ src="img/Web_Development/mysender/iphone-x-mockup-newuser.png" alt="Payment" loading="lazy">
+ src="img/Web_Development/mysender/iphone-x-mockup-payment.png" alt="Payment" loading="lazy">
+ src="img/Web_Development/mysender/iphone-x-mockup-new-survey.png" alt="New Survey" loading="lazy">
+ src="img/Web_Development/mysender/iphone-x-mockup-send-survey.png" alt="Send Survey" loading="lazy">
+ src="img/Web_Development/mysender/iphone-x-mockup-dashboard.png" alt="Dashboard" loading="lazy">
+ src="img/Web_Development/mysender/iphone-x-mockup-delete.png" alt="Delete" loading="lazy">
