diff --git a/assets/index-43230497.css b/assets/index-43230497.css new file mode 100644 index 0000000..28eb98f --- /dev/null +++ b/assets/index-43230497.css @@ -0,0 +1 @@ +#app{display:flex;flex-direction:column;background-color:var(--color-background-body);min-height:auto;flex:1}.header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:5rem;flex-direction:row}.header .logo{flex:.5}.header .logo p{font-size:2rem;line-height:.8}.header .logo p:nth-child(2){padding-left:20px;font-weight:700}.header .links{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.header .links a{margin-left:1rem;text-decoration:none;color:var(--color-font-link-header);font-weight:600;font-size:1.2rem;transition:all .15s ease-in-out;border-bottom:3px solid var(--color-border-link-header)}.header .links a:hover{color:var(--color-font-link-header-hover);border-color:var(--color-border-link-header-hover)}.header .control{display:flex;justify-content:space-around;align-items:center;flex:.5}.header .header-mobile{display:none;justify-content:space-between;flex:1;width:100%;flex-direction:row}.header .header-mobile .logo{display:block}.header .header-mobile .control{display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.header{flex-direction:column;gap:1rem}.header .logo,.header .control{display:none}.header .header-mobile{display:flex}}@media (max-width: 300px){.header .header-mobile{flex-direction:column}.header .header-mobile .logo{justify-content:center;display:flex;margin-bottom:10px}.header .header-mobile .control{justify-content:center}.header .links{flex-direction:column;align-items:center;justify-content:center;gap:1rem}}.themeSwitch svg{aspect-ratio:1;height:2rem;cursor:pointer;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;fill:var(--color-font-nav);transition:all 50ms linear}.themeSwitch svg:hover{fill:var(--color-font)}@keyframes spinThemeSwitch{0%{transform:rotate(0)}to{transform:rotate(-180deg)}}:root{--color-background-body: #ffffff;--color-background-header: transparent;--color-font: #000000;--color-font-link-header: #1c1c1c;--color-font-link-header-hover: #000;--color-border-link-header: transparent;--color-border-link-header-hover: var(--color-accent);--color-danger: #cf000f;--color-success: #009944;--color-info: #63c0df;--color-warning: #f0541e;--color-svg-header: #363636;--color-accent: #22eb97;--color-font-link: var(--color-accent);--color-font-link-hover: #7dffc9}:root .theme-dark{--color-background-body: #1a1818;--color-background-header: transparent;--color-font: #fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-font);background-color:var(--color-background-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,#root{display:flex;flex-direction:column;height:100vh;width:100vw} diff --git a/assets/index-79797e5d.js b/assets/index-c4b21e23.js similarity index 100% rename from assets/index-79797e5d.js rename to assets/index-c4b21e23.js diff --git a/assets/index-e5580b31.css b/assets/index-e5580b31.css deleted file mode 100644 index d430d44..0000000 --- a/assets/index-e5580b31.css +++ /dev/null @@ -1 +0,0 @@ -#app{display:flex;flex-direction:column;background-color:var(--color-background-body);min-height:auto;flex:1}.header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:5rem;flex-direction:row}.header .logo{flex:.5}.header .logo p{font-size:2rem;line-height:.8}.header .logo p:nth-child(2){padding-left:20px;font-weight:700}.header .links{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.header .links a{margin-left:1rem;text-decoration:none;color:var(--color-font-link-header);font-weight:600;font-size:1.2rem;transition:all .1s ease-in-out;border-bottom:3px solid var(--color-border-link-header)}.header .links a:hover{color:var(--color-font-link-header-hover);border-color:var(--color-border-link-header-hover)}.header .control{display:flex;justify-content:space-around;align-items:center;flex:.5}.header .header-mobile{display:none;justify-content:space-between;flex:1;width:100%;flex-direction:row}.header .header-mobile .logo{display:block}.header .header-mobile .control{display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.header{flex-direction:column;gap:1rem}.header .logo,.header .control{display:none}.header .header-mobile{display:flex}}@media (max-width: 300px){.header .header-mobile{flex-direction:column}.header .header-mobile .logo{justify-content:center;display:flex;margin-bottom:10px}.header .header-mobile .control{justify-content:center}.header .links{flex-direction:column;align-items:center;justify-content:center;gap:1rem}}.themeSwitch svg{aspect-ratio:1;height:2rem;cursor:pointer;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;fill:var(--color-font-nav);transition:all 50ms linear}.themeSwitch svg:hover{fill:var(--color-font)}@keyframes spinThemeSwitch{0%{transform:rotate(0)}to{transform:rotate(-180deg)}}:root{--color-background-body: #ffffff;--color-background-header: transparent;--color-font: #000000;--color-font-link-header: #323232;--color-font-link-header-hover: #000000;--color-border-link-header: transparent;--color-border-link-header-hover: #000000;--color-danger: #cf000f;--color-success: #009944;--color-info: #63c0df;--color-warning: #f0541e;--color-svg-header: #363636;--color-accent: #2294ff;--color-font-link: var(--color-accent);--color-font-link-hover: #0966be}:root .theme-dark{--color-background-body: #1a1818;--color-background-header: transparent;--color-font: #fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-font);background-color:var(--color-background-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,#root{display:flex;flex-direction:column;height:100vh;width:100vw} diff --git a/index.html b/index.html index 7a16c92..bc3a3f2 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,8 @@ Janis Meister - Portfolio - - + +