mirror of
https://github.com/Kugelschieber/marvinblum.git
synced 2026-01-18 06:40:27 +00:00
Styling, elements.
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
|
||||
$borderRadius: 8px;
|
||||
$textColor: #0f0f0f;
|
||||
$lightGray: #e6e6e6;
|
||||
$highlight: #82b3db;
|
||||
|
||||
* {
|
||||
@@ -18,27 +19,62 @@ body {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
h1, h2 {
|
||||
font-size: 32px;
|
||||
margin: 0 0 40px 0;
|
||||
font-weight: normal;
|
||||
|
||||
a {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
color: $highlight;
|
||||
|
||||
&:hover {
|
||||
color: $textColor;
|
||||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0 0 40px 0;
|
||||
margin: 0 0 80px 0;
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
color: $textColor;
|
||||
|
||||
&:hover {
|
||||
color: $highlight;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact {
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
border-radius: $borderRadius;
|
||||
border: 1px solid $highlight;
|
||||
border: 2px solid $highlight;
|
||||
color: $textColor;
|
||||
transition: all 0.3s;
|
||||
color: $highlight;
|
||||
@@ -50,6 +86,18 @@ nav {
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
margin: 0 0 80px 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin: 0 0 80px 0;
|
||||
padding: 40px 0;
|
||||
border-style: solid;
|
||||
border-width: 2px 0 0 0;
|
||||
border-color: $lightGray;
|
||||
}
|
||||
|
||||
.intro {
|
||||
article {
|
||||
display: flex;
|
||||
|
||||
@@ -1 +1 @@
|
||||
@font-face{font-family:"Open Sans";font-style:italic;font-weight:normal;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-Italic.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:normal;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-Regular.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:bold;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-Bold.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:bold;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-BoldItalic.ttf") format("truetype")}*{box-sizing:border-box;font-family:"Open Sans",sans-serif;font-size:18px;line-height:1.5;color:#0f0f0f}body{padding:80px 40px;max-width:1000px;margin:0 auto}h1{font-size:32px;margin:0 0 40px 0;font-weight:normal}a{text-decoration:none}nav{display:flex;justify-content:space-between;align-items:center;margin:0 0 40px 0}nav .contact{display:inline-block;padding:8px 16px;border-radius:8px;border:1px solid #82b3db;color:#0f0f0f;transition:all .3s;color:#82b3db}nav .contact:hover{background:#82b3db;color:#fff}.intro article{display:flex;gap:40px;justify-content:flex-start;align-items:center}.intro article h1{margin:0}.intro article img{max-width:256px;max-height:256px;aspect-ratio:1;border-radius:8px}/*# sourceMappingURL=main.css.map */
|
||||
@font-face{font-family:"Open Sans";font-style:italic;font-weight:normal;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-Italic.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:normal;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-Regular.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:bold;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-Bold.ttf") format("truetype")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:bold;font-stretch:100%;font-display:swap;src:url("../font/OpenSans-BoldItalic.ttf") format("truetype")}*{box-sizing:border-box;font-family:"Open Sans",sans-serif;font-size:18px;line-height:1.5;color:#0f0f0f}body{padding:80px 40px;max-width:1000px;margin:0 auto}h1,h2{font-size:32px;margin:0 0 40px 0;font-weight:normal}h1 a,h2 a{font-size:32px}h2{font-size:26px}a{text-decoration:none;transition:all .3s;color:#82b3db}a:hover{color:#0f0f0f}nav{display:flex;justify-content:space-between;align-items:center;margin:0 0 80px 0}nav ul{display:flex;gap:20px;margin:0;padding:0}nav ul li{list-style:none;margin:0;padding:0}nav ul li a{color:#0f0f0f}nav ul li a:hover{color:#82b3db}nav .contact{display:inline-block;padding:8px 16px;border-radius:8px;border:2px solid #82b3db;color:#0f0f0f;transition:all .3s;color:#82b3db}nav .contact:hover{background:#82b3db;color:#fff}section{margin:0 0 80px 0}footer{margin:0 0 80px 0;padding:40px 0;border-style:solid;border-width:2px 0 0 0;border-color:#e6e6e6}.intro article{display:flex;gap:40px;justify-content:flex-start;align-items:center}.intro article h1{margin:0}.intro article img{max-width:256px;max-height:256px;aspect-ratio:1;border-radius:8px}/*# sourceMappingURL=main.css.map */
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../assets/scss/_font.scss","../../assets/scss/main.scss"],"names":[],"mappings":"AAAA,WACI,wBACA,kBACA,mBACA,kBACA,kBACA,0DAGJ,WACI,wBACA,kBACA,mBACA,kBACA,kBACA,2DAGJ,WACI,wBACA,kBACA,iBACA,kBACA,kBACA,wDAGJ,WACI,wBACA,kBACA,iBACA,kBACA,kBACA,8DC3BJ,EACC,sBACA,mCACA,eACA,gBACA,MARW,QAWZ,KACC,kBACA,iBACA,cAGD,GACC,eACA,kBACA,mBAGD,EACC,qBAGD,IACC,aACA,8BACA,mBACA,kBAEA,aACC,qBACA,iBACA,cArCa,IAsCb,yBACA,MAtCU,QAuCV,mBACA,MAvCU,QAyCV,mBACC,WA1CS,QA2CT,WAMF,eACC,aACA,SACA,2BACA,mBAEA,kBACC,SAGD,mBACC,gBACA,iBACA,eACA,cAjEY","file":"main.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../../assets/scss/_font.scss","../../assets/scss/main.scss"],"names":[],"mappings":"AAAA,WACI,wBACA,kBACA,mBACA,kBACA,kBACA,0DAGJ,WACI,wBACA,kBACA,mBACA,kBACA,kBACA,2DAGJ,WACI,wBACA,kBACA,iBACA,kBACA,kBACA,wDAGJ,WACI,wBACA,kBACA,iBACA,kBACA,kBACA,8DC1BJ,EACC,sBACA,mCACA,eACA,gBACA,MATW,QAYZ,KACC,kBACA,iBACA,cAGD,MACC,eACA,kBACA,mBAEA,UACC,eAIF,GACC,eAGD,EACC,qBACA,mBACA,MAjCW,QAmCX,QACC,MAtCU,QA0CZ,IACC,aACA,8BACA,mBACA,kBAEA,OACC,aACA,SACA,SACA,UAEA,UACC,gBACA,SACA,UAEA,YACC,MA5DQ,QA8DR,kBACC,MA7DO,QAmEX,aACC,qBACA,iBACA,cAzEa,IA0Eb,yBACA,MA1EU,QA2EV,mBACA,MA1EU,QA4EV,mBACC,WA7ES,QA8ET,WAKH,QACC,kBAGD,OACC,kBACA,eACA,mBACA,uBACA,aA7FW,QAiGX,eACC,aACA,SACA,2BACA,mBAEA,kBACC,SAGD,mBACC,gBACA,iBACA,eACA,cAjHY","file":"main.css"}
|
||||
@@ -1,6 +1,22 @@
|
||||
<nav>
|
||||
<div>
|
||||
<p>TODO</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/Kugelschieber" target="_blank">GitHub</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://x.com/m5blum" target="_blank">Twitter/X</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://social.anoxinon.de/@m5blum" target="_blank">Mastodon</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:marvin.blum@emvi.com" class="contact">Contact me</a>
|
||||
@@ -9,11 +25,22 @@
|
||||
|
||||
<section class="intro">
|
||||
<article>
|
||||
<h1>Hi, I'm Marvin, co-founder of Pirsch Analytics, software engineer, and open-source enthusiast.</h1>
|
||||
<h1>Hi, I'm Marvin, co-founder of <a href="https://pirsch.io" target="_blank">Pirsch Analytics</a> and <a href="https://emvi.com" target="_blank">Emvi</a>, software engineer, and open-source enthusiast.</h1>
|
||||
<img src="/static/img/me.jpg" alt="Picture" />
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>TODO</h2>
|
||||
<ul>
|
||||
<li>About</li>
|
||||
<li>Skills</li>
|
||||
<li>Projects</li>
|
||||
<li>Work Experience</li>
|
||||
<li>Hire me!</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<p>TODO</p>
|
||||
<p>TODO Footer</p>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user