maciejpedzich/maciejpedzi.ch
1
0
Fork 0
mirror of https://github.com/maciejpedzich/maciejpedzi.ch.git synced 2024-09-20 02:06:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Transitional release

Browse Source
This commit is contained in:
Maciej Pędzich 2021-07-08 18:05:09 +02:00
parent cd7ea8f7ee
commit 696904a26f
3 changed files with 38 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -1,5 +1,9 @@
# Changelog # Changelog
## 3.0.0
- coming July 25th 2021
## 2.4.1 ## 2.4.1
- Set `inputHistory` in localStorage to a stringified array, rather tan a string of comma-separated values - Set `inputHistory` in localStorage to a stringified array, rather tan a string of comma-separated values

103
assets/css/style.css
View File

@ -1,84 +1,39 @@
@font-face { html,
font-family: 'VGA 437'; body {
src: url('../fonts/vga437.ttf'); margin: 0;
padding: 0;
width: 100%;
height: 100%;
} }
@media (prefers-color-scheme: dark) { body {
body,
#cmd {
color: whitesmoke;
}
body {
background-color: black;
}
::selection {
background-color: whitesmoke;
color: black;
}
}
@media (prefers-color-scheme: light) {
body,
#cmd {
color: black;
}
body {
background-color: whitesmoke;
}
::selection {
background-color: black;
color: whitesmoke;
}
}
@media (min-width: 1200px) {
body {
overflow: hidden;
}
}
body,
#cmd {
font-family: 'VGA 437';
font-size: 1.5rem;
}
#cmd-history > p {
line-height: 2rem;
}
#header > p {
margin: 0.5rem auto;
}
#header > #hint,
#input-container,
#cmd-history {
margin-top: 1.8rem;
}
#input-container {
display: flex; display: flex;
flex-direction: column;
} }
#bracket { .frame {
padding-right: 0.75rem; flex-grow: 1;
text-align: center; background-color: #00309c;
vertical-align: middle;
line-height: 1.7rem;
} }
#cmd { #welcome-container {
border: none; flex-grow: 5;
background: none; display: flex;
flex: 1; align-items: center;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
background: radial-gradient(
circle at left top,
rgb(249, 249, 249) 0%,
#5a7edc 25%,
#5a7edc 40%,
#5a7edc 100%
);
} }
#cmd:active, #welcome-text {
#cmd:focus { color: #fff;
outline: none; text-shadow: 3px 4px 0px rgb(49, 81, 181);
font-size: 5rem;
font-weight: bold;
} }

16
index.html
View File

@ -4,23 +4,17 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta <meta
name="description" name="description"
content="Maciej Pędzich - future full-stack web developer, high school student, retro video games and F1 fan. All in one person." content="Maciej Pędzich - high school student, VENM stack developer, author of Mac's WEBlog, WinXP & chicken strips aficionado"
/> />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Maciej Pędzich</title> <title>Maciej Pędzich</title>
<link rel="stylesheet" href="./assets/css/style.css" /> <link rel="stylesheet" href="./assets/css/style.css" />
</head> </head>
<body> <body>
<div id="header"> <div class="frame"></div>
<p>maciejpedzi.ch [Version 2.4.1]</p> <div id="welcome-container">
<p>(C) Maciej Pedzich <span id="current-year"></span></p> <em id="welcome-text">soon</em>
<p id="hint">Welcome! Type 'help' for more information</p>
</div> </div>
<div id="cmd-history"></div> <div class="frame"></div>
<div id="input-container">
<div id="bracket">></div>
<input type="text" id="cmd" autocomplete="off" />
</div>
<script src="./assets/js/script.js"></script>
</body> </body>
</html> </html>