wgroeneveld
/
woutergr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change name/title according to viewport height

This commit is contained in:
Wouter Groeneveld 2023-11-20 15:10:25 +01:00
parent b70be29b04
commit a82c018106
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/index.html
View File

@ -8,12 +8,12 @@
</head>
<body>
<div id="header">
<div id="image"></div>
<h1><small>dr. </small>Wouter Groeneveld</h1>
<div id="profession">Brain Baker</div>
<div id="image"></div>
<h1><small>dr. </small>Wouter Groeneveld</h1>
<div id="profession">Brain Baker</div>
<p id="keywords">Baker, Software Engineer, Computing Education Researcher, Writer, Teacher.</p>
<div id="scrollhint">&darr;</div>
<p id="keywords">Baker, Software Engineer, Computing Education Researcher, Writer, Teacher.</p>
<div id="scrollhint">&darr;</div>
</div>
<h2>Summary & Links</h2>

9
public/woutergr.css
View File

@ -68,11 +68,12 @@ dl {
h1 {
text-align: right;
margin: 0.1em 0;
font-size: 5vh;
}
#profession {
text-align: right;
font-size: 125%;
font-size: 4vh;
font-style: italic;
}
@ -103,6 +104,12 @@ h2 {
color: var(--accent);
}
@media only screen and (max-width: 40rem) {
#keywords {
margin-top: 1em;
}
}
.date {
font-style: italic;
}