vlw/victorwesterlund.com
1
0
Fork 0
mirror of https://codeberg.org/vlw/victorwesterlund.com.git synced 2025-09-14 03:23:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

1.0.0_dev-11260212

Browse source
This commit is contained in:
Victor Westerlund 2020-11-26 02:12:33 +01:00
parent a81f518c0f
commit a845af4b3f
2 changed files with 43 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
public/assets/css/style.css
View file

@ -66,6 +66,10 @@ main > div {
opacity: .3; opacity: .3;
} }
h1 {
font-size: 2em;
}
h2 { h2 {
font-weight: normal; font-weight: normal;
font-size: 1.42em; font-size: 1.42em;
@ -180,4 +184,41 @@ nav a:hover {
#myface img { #myface img {
height: 100%; height: 100%;
}
@media screen and (max-width: 800px) {
h1 {
font-size: 7vw;
}
h2 {
font-size: 5vw;
}
main {
max-width: unset;
background-size: auto 100vw;
}
#intro {
width: initial;
padding: 10vw;
text-align: center;
}
#intro p {
text-align: justify;
}
#myface {
display: none;
}
nav a {
text-decoration: none;
margin-right: 5vw;
font-size: 5vw;
}
} }

3
public/index.html
View file

@ -4,6 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Full-stack web developer from Stockholm, Sweden."> <meta name="description" content="Full-stack web developer from Stockholm, Sweden.">
<meta name="theme-color" content="#ffffff">
<link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/favicon.png" rel="icon">
<link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet">
<title>Victor Westerlund</title> <title>Victor Westerlund</title>
@ -19,7 +20,7 @@
</div> </div>
<div class="block"> <div class="block">
<p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis, nibh sed ultrices vehicula, risus enim fermentum lacus, vitae lacinia erat arcu in magna. Sed eget aliquam diam, vitae facilisis enim. Morbi laoreet nulla sit amet eros tempor tincidunt.</span></p> <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis, nibh sed ultrices vehicula, risus enim fermentum lacus, vitae lacinia erat arcu in magna. Sed eget aliquam diam, vitae facilisis enim. Morbi laoreet nulla sit amet eros tempor tincidunt.</span></p>
<p><span>Programming languages: <strong>JavaScript, PHP, SQL & Python</strong></span></p> <p><span>Programming&nbsp;languages: <strong>JavaScript, PHP, SQL & Python</strong></span></p>
</div> </div>
<div class="block"> <div class="block">
<nav> <nav>