From 4cf68de1bb85e7e4de885c06240aa98b08ebce99 Mon Sep 17 00:00:00 2001 From: Sophie Kim Date: Mon, 20 May 2024 10:51:30 +1200 Subject: [PATCH] edited animation --- css/style.css | 13 +- css/style.css.map | 2 +- js/script.js | 26 +- scss/style.css | 751 --------------------------------------------- scss/style.css.map | 1 - scss/style.scss | 17 +- 6 files changed, 37 insertions(+), 773 deletions(-) delete mode 100644 scss/style.css delete mode 100644 scss/style.css.map diff --git a/css/style.css b/css/style.css index 58b5d9f..68ad6dd 100644 --- a/css/style.css +++ b/css/style.css @@ -3,6 +3,7 @@ padding: 0; margin: 0; max-width: 100%; + scroll-behavior: smooth; } body { @@ -724,11 +725,13 @@ header .toggle { align-items: center; } .aboutBox h1 { - font-size: 22px; + font-size: 20px; margin: 5% auto; max-width: 1000px; line-height: 1.8em; font-weight: 100; + padding: 0 5% !important; + animation: letter 1s ease-in; } @media (max-width: 576px) { .aboutBox h1 { @@ -739,6 +742,14 @@ header .toggle { } } +@keyframes letter { + 0% { + transform: translateY(50%); + } + 100% { + transform: translateY(0); + } +} footer { border-top: solid 1px black; background-color: black; diff --git a/css/style.css.map b/css/style.css.map index cf086f3..c0ce7f7 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_base.scss","style.css","_skill.scss","_works.scss","_mixin.scss","_variables.scss","_contact.scss","style.scss"],"names":[],"mappings":"AAAA;EACE,sBAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;ACCF;;ADEA;EACE,qCAAA;ACCF;;ADCA;EACE,iBAAA;EACA,cAAA;ACEF;;ADAA;EACE,gBAAA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;ACGF;;ADDA;EACE,WAAA;EACA,cAAA;EACA,WAAA;ACIF;;ADFA;EACE,WAAA;ACKF;;ADHA;EACE,aAAA;ACMF;;ADJA;EACA,aAAA;ACOA;;ADLA;EACA,UAAA;ACQA;;ADNA;EACA,aAAA;ACSA;;ADPA;EACA,aAAA;ACUA;;ADRA;EACE,UAAA;ACWF;;ADTA;EACA,aAAA;ACYA;;ADVA;EACA,aAAA;ACaA;;ADXA;EACA,UAAA;ACcA;;ADZA;EACE,aAAA;ACeF;;ADbA;EACE,YAAA;ACgBF;;ADbA;EACE,kBAAA;EACA,gBAAA;EACA,uBAAA;EACA,wBAAA;EACA,WAAA;EACA,aAAA;ACgBF;;ACpFA;EACE,yBAAA;EACA,eAAA;EACA,YAAA;EACA,wBAAA;EACA,aAAA;ADuFF;;ACrFA;EACE,gBAAA;ADwFF;ACvFE;EACE,iBAAA;EACA,cAAA;ADyFJ;;ACtFA;EACE,gBAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;ADyFF;;ACvFA;EACE,cAAA;EACA,YAAA;EACA,iBAAA;EACA,iBAAA;EACA,mBAAA;EACA,sBAAA;EACA,YAAA;EACA,mBAAA;EACA,eAAA;AD0FF;;ACxFA;EACE,sBAAA;AD2FF;;ACxFA;EACE,sBAAA;AD2FF;;ACxFA;EACE,sBAAA;AD2FF;;ACxFA;EACE,sBAAA;AD2FF;;ACxFA;EACE,sBAAA;AD2FF;;ACxFA;EACE;IAAI,QAAA;IAAS,6BAAA;ED6Fb;EC5FA;IAAK,yBAAA;ED+FL;EC9FA;IAAM,UAAA;IAAW,yBAAA;EDkGjB;AACF;ACjGA;EACE;IAAI,QAAA;IAAS,6BAAA;EDqGb;ECpGA;IAAK,yBAAA;EDuGL;ECtGA;IAAM,UAAA;IAAW,yBAAA;ED0GjB;AACF;ACzGA;EACE;IAAI,QAAA;IAAS,6BAAA;ED6Gb;EC5GA;IAAK,yBAAA;ED+GL;EC9GA;IAAM,UAAA;IAAW,yBAAA;EDkHjB;AACF;ACjHA;EACE;IAAI,QAAA;IAAS,6BAAA;EDqHb;ECpHA;IAAK,yBAAA;EDuHL;ECtHA;IAAM,UAAA;IAAW,yBAAA;ED0HjB;AACF;ACzHA;EACE;IAAI,QAAA;IAAS,6BAAA;ED6Hb;EC5HA;IAAK,yBAAA;ED+HL;EC9HA;IAAM,UAAA;IAAW,yBAAA;EDkIjB;AACF;AChIA;EACE,sBAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;ADkIF;;AEpNA;EACE,kBAAA;EACA,WAAA;AFuNF;;AErNE;EACE,kBAAA;EACA,aAAA;EAEA,iBAAA;EACA,gBAAA;AFuNJ;AG9NI;EDEF;IAOI,aAAA;EFyNJ;AACF;AEvNI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iBAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;AFyNN;AExNM;EACE,kBAAA;EACA,0BAAA;EACA,UAAA;EACA,kBAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;EACA,UAAA;AF0NR;AEzNQ;EACE,qBAAA;AF2NV;AEzNQ;EACE,SAAA;EACA,UAAA;EACA,WAAA;EACA,eAAA;AF2NV;AEzNQ;EACE,SAAA;EACA,UAAA;EACA,WAAA;AF2NV;AExNM;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;AF0NR;AEzNQ;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,kBAAA;AF2NV;;AEtNE;EACI,SAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AFyNN;AExNM;EACE,eAAA;EACA,mBAAA;AF0NR;;AEvNE;EACE,UAAA;EACA,UAAA;AF0NJ;;AExNE;EACE,mBAAA;AF2NJ;;AEzNE;EACE,mBAAA;AF4NJ;;AE1NE;EACE,6CAAA;EACA,uBAAA;EACA,wBAAA;EAA6B,wBAAA;AF8NjC;;AE5NE;EACE,uCAAA;EACA,wBAAA;EAA6B,sBAAA;AFgOjC;;AE9NE;EACE,2CAAA;EACA,wBAAA;EAA6B,sBAAA;AFkOjC;;AEhOE;EACE,wCAAA;EACA,wBAAA;EAA6B,sBAAA;AFoOjC;;AE9NE;EACE,sCAAA;EACA,wBAAA;EAA6B,sBAAA;AFkOjC;;AEhOE;EACE,6CAAA;EACA,wBAAA;EAA6B,sBAAA;AFoOjC;;AElOE;EACE,wCAAA;EACA,wBAAA;EAA6B,sBAAA;AFsOjC;;AEhOE;EACE,yCAAA;EACA,wBAAA;EAA6B,sBAAA;AFoOjC;;AEjOE;EACE,aAAA;EACA,eAAA;EACA,mBAAA;AFoOJ;;AEjOE;EACE,eAAA;AFoOJ;;AElOE;EACE,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;AFqOJ;;AEnOE;EACE,aAAA;EACA,mBAAA;EACA,eAAA;EACA,uBAAA;AFsOJ;;AEpOE;EACE,0BAAA;EACA,sBAAA;EACA,0BAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;AFuOJ;;AErOE;EACE,kBAAA;EACA,kBAAA;EACA,yBEnKI;EFoKJ,mBAAA;EACA,WAAA;EACA,eAAA;EACA,qCAAA;EACA,qBAAA;EACA,2BAAA;EACA,oBAAA;AFwOJ;AEvOI;EACE,WAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;EACA,oBAAA;EACA,0CAAA;EACA,QAAA;EACA,SAAA;EACA,kCAAA;EACA,kBAAA;EACA,oBAAA;AFyON;AEtOI;EAEE,YAAA;EACA,yBAAA;EACA,aAAA;EACA,kCAAA;AFuON;AEtOM;EACE,QAAA;AFwOR;;AEpOE;EACE,YAAA;EACA,qBAAA;EACA,kBAAA;AFuOJ;;AEpOE;EACE;IAAG,wCAAA;EFwOL;EEvOE;IAAK,0CAAA;EF0OP;AACF;AKvbA;EACE,oBAAA;EACA,gCAAA;EACA,YAAA;ALybF;AKvbE;EACE,gBAAA;EACA,4BAAA;EACA,aAAA;EACA,eAAA;EACA,gBAAA;ALybJ;AGjcI;EEGF;IAOI,eAAA;IACA,WAAA;EL2bJ;AACF;;AKxbA;EACE,sBAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;AL2bF;AK1bE;EACE,YAAA;EACA,aAAA;AL4bJ;AK3bI;EACE,eAAA;AL6bN;AK3bI;EACE,mBAAA;EACA,yBAAA;EACA,eAAA;AL6bN;AK3bI;EACE,qBAAA;EACA,YAAA;EACA,mBAAA;AL6bN;AGjeI;EEeJ;IAyBI,WAAA;IACA,sBAAA;IACA,aAAA;IACA,YAAA;EL6bF;AACF;;AMreA;EACI,aAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,gBAAA;ANweJ;;AMteA;EACE,eAAA;EACA,WAAA;EACA,aAAA;EACA,8BAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,uBAAA;EACA,MAAA;ANyeF;AMxeE;EACE,aAAA;AN0eJ;AGhgBI;EGqBF;IAGI,cAAA;IACA,gBAAA;IACA,gBAAA;IACA,iBAAA;EN4eJ;AACF;AM1eE;EACE,gBAAA;EACA,gBAAA;EACA,iBAAA;AN4eJ;AG7gBI;EG8BF;IAKK,aAAA;EN8eL;AACF;AM7eE;EACE,kBAAA;AN+eJ;AM9eI;EACE,aAAA;ANgfN;AM9eI;EACE,gBAAA;EACA,aAAA;ANgfN;AG5hBI;EG0CA;IAII,sBAAA;IACA,aAAA;IACA,YAAA;IACA,yBFlDA;IEmDA,aAAA;ENkfN;AACF;AMhfI;EACE,WAAA;EACA,aAAA;EACA,kBAAA;ANkfN;AG1iBI;EGqDA;IAKI,kCAAA;ENofN;AACF;AMnfM;EACE,qBAAA;EACA,gBAAA;EACA,uCAAA;EACA,YAAA;ANqfR;AMpfQ;EACE,gCAAA;EACA,aAAA;ANsfV;AGzjBI;EG4DE;IAUI,YAAA;ENufR;AACF;AMnfE;EACE,aAAA;ANqfJ;AGjkBI;EG2EF;IAGI,kBAAA;IACA,iBAAA;IACA,YAAA;IACA,eAAA;IACA,UAAA;IACA,cAAA;IACA,uBAAA;ENufJ;AACF;AG5kBI;EGWJ;IA8EI,YAAA;IACA,iBAAA;IACA,sBAAA;IACA,UAAA;ENufF;AACF;;AMpfA;EACE,0CAAA;EACA,2BAAA;EACA,4BAAA;EACA,sBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ANufF;AMtfE;EACE,UAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;ANwfJ;AMvfI;EACE,aAAA;ANyfN;AMxfM;EACE,gBAAA;EACA,iBAAA;AN0fR;AMzfQ;EACE,qBAAA;EACA,YAAA;AN2fV;AGhnBI;EGmHI;IAII,YAAA;EN6fV;AACF;AGrnBI;EG8GA;IAcI,aAAA;IACA,uBAAA;IACA,WAAA;EN6fN;AACF;AG5nBI;EGgGJ;IAmCI,4CAAA;IACA,2BAAA;IACA,4BAAA;IACA,sBAAA;IACA,YAAA;IACA,aAAA;EN6fF;AACF;;AM1fA;EACE,gCAAA;AN6fF;;AM3fA;EACE,aAAA;EACA,uBAAA;AN8fF;;AM5fC;EACC,kBAAA;EACA,6BAAA;EACA,mBAAA;EACA,eAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AN+fF;;AM7fA;EACE,kBAAA;EACA,YAAA;EACA,cAAA;EACA,UAAA;EACA,gBAAA;EACA,gBAAA;ANggBF;;AM9fA;EACE,UAAA;EACA,WAAA;ANigBF;AMhgBE;EACE,eAAA;ANkgBJ;AMhgBE;EACE,eAAA;EACA,iBAAA;ANkgBJ;;AM/fA;EACE,cAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;EACA,qBAAA;EACA,gBAAA;ANkgBF;;AM/fA;EACE,qBAAA;EACA,gBAAA;ANkgBF;;AM3eA;EACE,UAAA;AN8eF;;AM5eA;EACE,kBAAA;EACA,eAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;AN+eF;AGzsBI;EGqNJ;IAOI,iBAAA;ENifF;AACF;;AM/eA;EACE,mBAAA;ANkfF;AMhfG;EACG,eAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;ANkfN;AGztBI;EGkOD;IAQK,eAAA;IACA,iBAAA;IACA,eAAA;IACA,aAAA;ENmfN;AACF;;AM3eA;EACE,2BAAA;EACA,uBAAA;AN8eF;AM7eE;EACE,YAAA;EACA,WAAA;EACA,kBAAA;AN+eJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_base.scss","style.css","_skill.scss","_works.scss","_mixin.scss","_variables.scss","_contact.scss","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/js/script.js b/js/script.js index 6b7531a..2a2f7cc 100644 --- a/js/script.js +++ b/js/script.js @@ -15,18 +15,18 @@ $(document).ready(function(){ $('.ti-close').hide(); }); - $(window).scroll(function() { - $('.animation').each(function(){ - var offSet = $(this).offset().top; - var topOfWindow = $(window).scrollTop(); - if (offSet > topOfWindow +100) { - $(this).addClass("animated fadeInUp"); - } - var topOfWindow = $(window).scrollTop(); - if (topOfWindow < offSet -900) { - $(this).removeClass("animated fadeInUp"); - } - }) - }); + // $(window).scroll(function() { + // $('.animation').each(function(){ + // var offSet = $(this).offset().top; + // var topOfWindow = $(window).scrollTop(); + // if (offSet > topOfWindow +100) { + // $(this).addClass("animated fadeInUp"); + // } + // var topOfWindow = $(window).scrollTop(); + // if (topOfWindow < offSet -900) { + // $(this).removeClass("animated fadeInUp"); + // } + // }) + // }); }); diff --git a/scss/style.css b/scss/style.css deleted file mode 100644 index dc39c20..0000000 --- a/scss/style.css +++ /dev/null @@ -1,751 +0,0 @@ -* { - box-sizing: border-box; - padding: 0; - margin: 0; - max-width: 100%; - scroll-behavior: smooth; -} - -body { - font-family: "Montserrat", sans-serif; -} - -.container { - max-width: 1000px; - margin: 0 auto; -} - -.col { - min-height: 40px; - float: left; - padding: 12px; - box-sizing: border-box; -} - -.row::after { - clear: both; - display: block; - content: ""; -} - -.col12 { - width: 100%; -} - -.col11 { - width: 91.66%; -} - -.col10 { - width: 83.33%; -} - -.col9 { - width: 75%; -} - -.col8 { - width: 66.67%; -} - -.col7 { - width: 58.33%; -} - -.col6 { - width: 50%; -} - -.col5 { - width: 41.66%; -} - -.col4 { - width: 33.33%; -} - -.col3 { - width: 25%; -} - -.col2 { - width: 16.67%; -} - -.col1 { - width: 8.33%; -} - -section { - position: relative; - overflow: scroll; - scroll-behavior: smooth; - scroll-snap-align: start; - width: 100%; - height: 100vh; -} - -.skillsTitle { - transform: rotate(-90deg); - font-size: 70px; - opacity: 0.2; - text-shadow: red 3px 2px; - margin: -80px; -} - -.skillSet { - margin-top: 70px; -} -.skillSet p { - text-align: right; - margin: 0 10px; -} - -.graph { - background: #ccc; - height: 30px; - border-radius: 40px; - margin-bottom: 5px; -} - -.graph span { - display: block; - height: 30px; - line-height: 30px; - text-align: right; - border-radius: 40px; - box-sizing: border-box; - color: white; - background: #8295ab; - padding: 0 10px; -} - -.line70 span { - animation: line70 3s 1; -} - -.line75 span { - animation: line75 3s 1; -} - -.line80 span { - animation: line80 3s 1; -} - -.line85 span { - animation: line85 3s 1; -} - -.line90 span { - animation: line90 3s 1; -} - -@keyframes line70 { - 0% { - width: 0; - color: rgba(255, 255, 255, 0); - } - 40% { - color: rgb(255, 255, 255); - } - 100% { - width: 70%; - color: rgb(255, 255, 255); - } -} -@keyframes line75 { - 0% { - width: 0; - color: rgba(255, 255, 255, 0); - } - 40% { - color: rgb(255, 255, 255); - } - 100% { - width: 75%; - color: rgb(255, 255, 255); - } -} -@keyframes line80 { - 0% { - width: 0; - color: rgba(255, 255, 255, 0); - } - 40% { - color: rgb(255, 255, 255); - } - 100% { - width: 80%; - color: rgb(255, 255, 255); - } -} -@keyframes line85 { - 0% { - width: 0; - color: rgba(255, 255, 255, 0); - } - 40% { - color: rgb(255, 255, 255); - } - 100% { - width: 85%; - color: rgb(255, 255, 255); - } -} -@keyframes line90 { - 0% { - width: 0; - color: rgba(255, 255, 255, 0); - } - 40% { - color: rgb(255, 255, 255); - } - 100% { - width: 90%; - color: rgb(255, 255, 255); - } -} -.animateLine { - animation: line70 3S 1; - animation: line75 3s 1; - animation: line80 3s 1; - animation: line85 3s 1; - animation: line90 3s 1; -} - -.worksTitle { - text-align: center; - margin: 1em; -} - -.cardContainer { - position: relative; - width: 1200px; - margin: 50px auto; - margin-top: 70px; -} -@media (max-width: 576px) { - .cardContainer { - padding: 0 5%; - } -} -.cardContainer .box { - position: relative; - width: 270px; - height: 270px; - background: #000; - margin: 15px auto; - box-sizing: border-box; - border-radius: 20px; - overflow: hidden; -} -.cardContainer .box .content { - position: absolute; - height: calc(100% - 100px); - top: 100px; - text-align: center; - padding: 20px; - box-sizing: border-box; - transition: 0.5s; - opacity: 0; -} -.cardContainer .box .content a { - text-decoration: none; -} -.cardContainer .box .content h3 { - margin: 0; - padding: 0; - color: #fff; - font-size: 24px; -} -.cardContainer .box .content p { - margin: 0; - padding: 0; - color: #fff; -} -.cardContainer .box .icon { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - transition: 0.5s; - z-index: 1; -} -.cardContainer .box .icon i { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - font-size: 80px; - transition: 0.5s; - color: #fff; - visibility: hidden; -} - -.cardContainer .box:hover .icon { - top: 20px; - left: calc(50% - 40px); - width: 80px; - height: 80px; - border-radius: 50%; -} -.cardContainer .box:hover .icon i { - font-size: 40px; - visibility: visible; -} - -.cardContainer .box:hover .content { - top: 100px; - opacity: 1; -} - -.cardContainer .box:nth-child(2n+1) { - background: #c37466; -} - -.cardContainer .box:nth-child(2n+2) { - background: #a8b6b1; -} - -.cardContainer .box:nth-child(1) .icon { - background-image: url(../img/sub-product.png); - background-color: white; - background-position: top; - background-size: contain; -} - -.cardContainer .box:nth-child(2) .icon { - background-image: url(../img/kiosk.png); - background-position: top; - background-size: cover; -} - -.cardContainer .box:nth-child(3) .icon { - background-image: url(../img/mtruapehu.png); - background-position: top; - background-size: cover; -} - -.cardContainer .box:nth-child(4) .icon { - background-image: url(../img/caucus.jpg); - background-position: top; - background-size: cover; -} - -.cardContainer .box:nth-child(5) .icon { - background-image: url(../img/beat.gif); - background-position: top; - background-size: cover; -} - -.cardContainer .box:nth-child(6) .icon { - background-image: url(../img/supermarket.png); - background-position: top; - background-size: cover; -} - -.cardContainer .box:nth-child(7) .icon { - background-image: url(../img/thread.png); - background-position: top; - background-size: cover; -} - -.cardContainer .box:nth-child(8) .icon { - background-image: url(../img/receipt.jpg); - background-position: top; - background-size: cover; -} - -.flexWrap { - display: flex; - flex-wrap: wrap; - flex-direction: row; -} - -.workPage { - margin-top: 6em; -} - -.appFrame { - border: 1px solid gray; - border-radius: 20px; - width: 300px; - margin: 0 1em; -} - -.card { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; -} - -.kioskFrame { - border: 20px solid #dd3933; - border-top-width: 50px; - border-bottom-width: 100px; - border-radius: 10px; - width: 500px; - margin: 0 1em; -} - -.liveBtn { - position: relative; - padding: 16px 50px; - background-color: #2c3e50; - border-radius: 20px; - color: #fff; - font-size: 18px; - font-family: "Montserrat", sans-serif; - text-decoration: none; - overflow: hidden !important; - transition: all 0.3s; -} -.liveBtn::before { - content: ""; - position: absolute; - width: 320px; - height: 320px; - border-radius: 140px; - background-color: rgba(255, 255, 255, 0.4); - top: 60%; - left: 50%; - animation: wave 5s infinite linear; - transition: all 1s; - pointer-events: none; -} -.liveBtn:hover, .liveBtn:focus { - color: white; - background-color: #c37466; - outline: none; - animation: wave 5s infinite linear; -} -.liveBtn:hover::before, .liveBtn:focus::before { - top: 20%; -} - -.link { - padding: 1em; - text-decoration: none; - text-align: center; -} - -@keyframes wave { - 0% { - transform: translateX(-50%) rotate(0deg); - } - 100% { - transform: translateX(-50%) rotate(360deg); - } -} -.contactIntro { - padding-bottom: 20px; - border-bottom: solid 1px #cecece; - width: 800px; -} -.contactIntro p { - padding-top: 15%; - text-shadow: #5D779C 4px 2px; - color: silver; - font-size: 80px; - font-weight: 100; -} -@media (max-width: 576px) { - .contactIntro p { - font-size: 50px; - padding: 5%; - } -} - -.contactBox { - box-sizing: border-box; - width: 800px; - height: 200px; - display: flex; - flex-direction: row; - align-items: center; -} -.contactBox .column { - width: 270px; - height: 170px; -} -.contactBox .column i { - font-size: 25px; -} -.contactBox .column h5 { - letter-spacing: 2px; - text-transform: uppercase; - padding: 10px 0; -} -.contactBox .column a { - text-decoration: none; - color: black; - letter-spacing: 1px; -} -@media (max-width: 576px) { - .contactBox { - width: auto; - flex-direction: column; - height: 250px; - margin: 20px; - } -} - -.ti-close { - display: none; - position: absolute; - top: 15px; - right: 15px; - font-weight: 600; -} - -header { - position: fixed; - z-index: 99; - display: flex; - justify-content: space-between; - width: 100%; - height: 70px; - flex-wrap: wrap; - background-color: white; - top: 0; -} -header .mLogo { - display: none; -} -@media (max-width: 576px) { - header .mLogo { - display: block; - max-height: 50px; - margin-top: 10px; - margin-left: 10px; - } -} -header .logo { - max-height: 50px; - margin-top: 10px; - margin-left: 10px; -} -@media (max-width: 576px) { - header .logo { - display: none; - } -} -header .nav { - align-self: center; -} -header .nav .active { - display: flex; -} -header .nav ul { - list-style: none; - display: flex; -} -@media (max-width: 576px) { - header .nav ul { - flex-direction: column; - height: 100vh; - width: 100vw; - background-color: #1d2021; - display: none; - } -} -header .nav li { - float: left; - padding: 20px; - text-align: center; -} -@media (max-width: 576px) { - header .nav li { - background-color: rgba(0, 0, 0, 0); - } -} -header .nav li a { - text-decoration: none; - font-weight: 600; - text-shadow: rgba(0, 0, 0, 0.1) 1px 1px; - color: black; -} -header .nav li a:active, header .nav li a:focus, header .nav li ahover { - border-bottom: 5px solid #8295ab; - bottom: -10px; -} -@media (max-width: 576px) { - header .nav li a { - color: white; - } -} -header .toggle { - display: none; -} -@media (max-width: 576px) { - header .toggle { - padding: 10px 20px; - text-align: right; - color: white; - font-size: 30px; - z-index: 1; - display: block; - background-color: black; - } -} -@media (max-width: 576px) { - header { - width: 100vw; - background: black; - box-sizing: border-box; - z-index: 2; - } -} - -#home { - background-image: url(../img/Sophiebg.gif); - background-position: center; - background-repeat: no-repeat; - background-size: cover; - width: 100vw; - height: 100vh; - overflow-y: hidden; -} -#home .sns { - bottom: 5%; - font-size: 18px; - position: absolute; - z-index: 0; - width: 100%; -} -#home .sns ul { - display: flex; -} -#home .sns ul li { - list-style: none; - margin-left: 10px; -} -#home .sns ul li a { - text-decoration: none; - color: white; -} -@media (max-width: 576px) { - #home .sns ul li a { - color: white; - } -} -@media (max-width: 576px) { - #home .sns ul { - display: flex; - justify-content: center; - width: 100%; - } -} -@media (max-width: 576px) { - #home { - background-image: url(../img/sophiembbg.gif); - background-position: center; - background-repeat: no-repeat; - background-size: cover; - width: 100vw; - height: 100vh; - } -} - -#works { - align-items: baseline !important; -} - -#skills, #works, #contact { - display: flex; - height: 100% !important; -} - -#about, #skills, #works, #contact { - position: relative; - justify-content: space-around; - align-items: center; - flex-wrap: wrap; - flex-direction: row; - width: 100%; - height: 100%; -} - -.caption { - text-align: center; - padding: 2em; - margin: 0 auto; - width: 80%; - line-height: 1.4; - font-weight: 100; -} - -.text-part { - width: 65%; - height: 80%; -} -.text-part h1 { - font-size: 50px; -} -.text-part p { - font-size: 24px; - line-height: 50px; -} - -.ml16 { - color: #402d2d; - padding: 40px 0; - font-weight: 800; - font-size: 1em; - text-transform: uppercase; - letter-spacing: 0.3em; - overflow: hidden; -} - -.ml16 .letter { - display: inline-block; - line-height: 1em; -} - -.skillSet { - width: 70%; -} - -.aboutTitle { - text-align: center; - font-size: 3rem; - letter-spacing: 2px; - align-self: auto; - margin-top: 10%; -} -@media (max-width: 576px) { - .aboutTitle { - margin-top: 100px; - } -} - -.aboutBox { - align-items: center; -} -.aboutBox h1 { - font-size: 22px; - margin: 5% auto; - max-width: 1000px; - line-height: 1.8em; - font-weight: 100; -} -@media (max-width: 576px) { - .aboutBox h1 { - font-size: 1rem; - line-height: 2rem; - margin-top: 15%; - padding: 0 5%; - } -} - -footer { - border-top: solid 1px black; - background-color: black; -} -footer p { - color: white; - padding: 3%; - text-align: center; -}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/scss/style.css.map b/scss/style.css.map deleted file mode 100644 index 4b9b12d..0000000 --- a/scss/style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_base.scss","style.css","_skill.scss","_works.scss","_mixin.scss","_variables.scss","_contact.scss","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss index a6d988f..6f87a97 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -227,12 +227,13 @@ header{ align-items: center; // padding-top:7%; h1{ - font-size: 22px; + font-size: 20px; margin: 5% auto; max-width: 1000px; line-height: 1.8em; font-weight: 100; - // animation: 2s ease-in 1 letter; + padding: 0 5% !important; + animation: letter 1s ease-in; @include respond-to(sm){ font-size: 1rem; line-height: 2rem; @@ -241,10 +242,14 @@ header{ } } } -// @keyframes letter{ -// 0%{ letter-spacing: 2rem} -// 100%{ letter-spacing: 5px} -// } +@keyframes letter{ + 0% { + transform: translateY(50%); + } + 100% { + transform: translateY(0); + } +} footer{ border-top: solid 1px black;