mirror of
https://github.com/maciejpedzich/maciejpedzi.ch.git
synced 2024-11-10 00:13:02 +01:00
Transitional release
This commit is contained in:
parent
cd7ea8f7ee
commit
696904a26f
@ -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
|
||||||
|
@ -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
16
index.html
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user