mirror of
https://github.com/DerTyp7/dertyp7.github.io.git
synced 2025-10-29 12:52:08 +01:00
deploy: 1d4d1ba176
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -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 .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}
|
||||
1
assets/index-a1ef2e08.css
Normal file
1
assets/index-a1ef2e08.css
Normal file
@@ -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;cursor:text}.header .logo p{font-size:2rem;line-height:.8}.header .logo p:nth-child(2){padding-left:20px;font-weight:700}.header .logo p.tooltip{display:none;background-color:var(--color-accent);color:#000;animation:moveFromTop .05s ease-in-out;font-size:1.5rem}.header .logo:hover .tooltip{display:block;position:absolute;margin-top:10px;padding:10px;border-radius:5px;box-shadow:0 0 10px #0000001a;z-index:1;font-weight:700}@keyframes moveFromTop{0%{transform:translateY(-30px)}to{transform:translateY(-10px)}}.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}
|
||||
@@ -7,8 +7,8 @@
|
||||
<meta name="description" content='Portfolio for Janis "DerTyp7" Meister' />
|
||||
<meta name="author" content='Janis "DerTyp7" Meister' />
|
||||
<title>Janis Meister - Portfolio</title>
|
||||
<script type="module" crossorigin src="/assets/index-c4b21e23.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-43230497.css">
|
||||
<script type="module" crossorigin src="/assets/index-39d6ce11.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-a1ef2e08.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
Reference in New Issue
Block a user