Archived
1
0
This commit is contained in:
Alexander Popov 2021-10-31 15:50:09 +03:00
parent 5a5e03cd99
commit 8210747a83
3 changed files with 188 additions and 77 deletions

View File

@ -5,81 +5,70 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>~/</title> <title>~/</title>
<link type="text/plain" rel="author" href="http://iiiypuk.me/humans.txt"> <link type="text/plain" rel="author" href="http://iiiypuk.me/humans.txt">
<link rel="preconnect" href="https://fonts.googleapis.com"> <!-- <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="styles/styles.css"> <link rel="stylesheet" type="text/css" href="styles/styles.css?v=1">
</head> </head>
<body> <body>
<div class="container"> <nav>
<div class="row"> <div class="container nav">
<div class="col-7 text-right"> <div class="nav--left"><a href="#about">~aS</a></div>
<a href="//blog.iiiypuk.me/" title="Blog"> <div class="nav--right">
<img src="https://icongr.am/material/text-box.svg?size=24&color=ffffff"> <ul class="nav--links">
Blog <li><a href="//blog.iiiypuk.me/">Blog</a></li>
</a> <li><a href="gemini://iiiypuk.me/">Gemini</a></li>
<a href="//gemini.iiiypuk.me/" title="HTTP proxy"> <li><a href="//gemini.iiiypuk.me/">[HTTP]</a></li>
<img src="https://icongr.am/material/arrow-decision.svg?size=24&color=ffffff"> <li><a href="#social">Social</a></li>
Gemini HTTP Proxy <li><a href="#services">Services</a></li>
</a> <li><a href="#projects">Projects</a></li>
<a href="gemini://iiiypuk.me/" title="Gemini site"> </ul>
<img src="https://icongr.am/material/format-page-break.svg?size=24&color=ffffff">
Gemini
</a>
<hr>
<a href="//iiiypuk.me/git/" title="My Gitea">
<img src="https://icongr.am/material/git.svg?size=24&color=ffffff">
My Gitea
</a>
<a href="https://iiiypuk.me/git/iiiypuk/GamingWay" title="My Gitea">
<img src="https://icongr.am/material/nintendo-game-boy.svg?size=24&color=ffffff">
My gaming way
</a>
<hr>
<p class="title">Social</p>
<a href="//twitter.com/_iiiypuk">
<img src="https://icongr.am/material/twitter.svg?size=24&color=ffffff">
Twitter
</a>
<a href="https://t.me/slexbc">
<img src="https://icongr.am/material/send.svg?size=24&color=ffffff">
Telegram
</a>
<a href="//github.com/iiiypuk">
<img src="https://icongr.am/material/github.svg?size=24&color=ffffff">
GitHub
</a>
<a href="//vk.com/0xi3k">
<img src="https://icongr.am/material/vk.svg?size=24&color=ffffff">
Vk
</a>
<a href="https://discord.gg/pqsu6FsHSe">
<img src="https://icongr.am/material/discord.svg?size=24&color=ffffff">
Discord
</a>
<hr>
<a href="//emilecok.github.io/" title="Turn 0 Around">
<img src="https://icongr.am/material/gamepad-square.svg?size=24&color=ffffff">
Turn 0 Around game studio
</a>
</div>
<div class="col">
<p class="logo">geek & gamer</p>
</div> </div>
</div> </div>
</nav>
<div class="container">
<article id="about">
<p>Welcome. I am</p>
<p class="hero">Alexander Popov</p>
<p>Coder, Geek, Gamer, <s>GameDeveloper</s>.</p>
<p>&nbsp;</p>
<p><a class="button" href="cv">View VC</a></p>
</article>
<article id="social">
<p class="title">Social</p>
<a class="button" href="//twitter.com/_iiiypuk">
Twitter</a>
<a class="button" href="https://t.me/slexbc">
Telegram</a>
<a class="button" href="//github.com/iiiypuk">
GitHub</a>
<a class="button" href="//vk.com/0xi3k">
Vk</a>
<a class="button" href="https://discord.gg/pqsu6FsHSe">
Discord</a>
<p>&nbsp;</p>
<a href="social.html">and other.</a>
</article>
<article id="services">
<p class="title">Services</p>
<a class="button" href="//iiiypuk.me/git/">Gitea</a>
</article>
<article id="projects">
<p class="title">Projects</p>
<a href="https://iiiypuk.me/git/iiiypuk/GamingWay">My gaming way</a>
</article>
</div> </div>
<footer class="text-center">
Made with <footer>
<img src="https://icongr.am/material/coffee.svg?size=128&color=ffffff"> Made with &hearts;
by iiiypuk
</footer> </footer>
</body> </body>
</html> </html>
<!-- ver: 0.0.7 --> <!-- ver: 1.0.0b -->

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,14 @@
@import url(chota.min.css); /*@import url(chota.min.css);*/
:root { :root {
--bg-color: #181818; --font-family: sans-serif;
--bg-secondary-color: #f3f3f6; --max-width: 860px;
--bg-color: #fefefe;
--font-size: 1.3rem;
/*--bg-secondary-color: #f3f3f6;
--bg-footer: #dadada; --bg-footer: #dadada;
--color-text: #d1dce0; --color-text: #d1dce0;
--color-primary: #6190ff; /* #14854F */ --color-primary: #6190ff;
--color-lightGrey: #d2d6dd; --color-lightGrey: #d2d6dd;
--color-grey: #747681; --color-grey: #747681;
--color-darkGrey: #3f4144; --color-darkGrey: #3f4144;
@ -13,13 +16,133 @@
--color-success: #28bd14; --color-success: #28bd14;
--grid-maxWidth: 120rem; --grid-maxWidth: 120rem;
--grid-gutter: 2rem; --grid-gutter: 2rem;
--font-size: 1.7rem;
--font-color: #333333; --font-color: #333333;
--font-family-sans: 'ABeeZee', sans-serif; --font-family-sans: 'ABeeZee', sans-serif;
--font-family-mono: monaco, 'Consolas', 'Lucida Console', monospace; --font-family-mono: monaco, 'Consolas', 'Lucida Console', monospace;*/
}
* {
padding: 0;
margin: 0;
outline: 0;
} }
body { body {
font-family: var(--font-family);
background-color: var(--bg-color);
font-size: var(--font-size);
}
div.container {
max-width: var(--max-width);
margin: auto;
}
nav {
background-color: var(--bg-color);
border-bottom: 1px solid #999999;
font-weight: bold;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.nav {
display: grid;
grid-template-columns: 1fr 9fr;
grid-gap: 20px;
padding: 1em 0;
}
div.nav--left {
}
div.nav--right {
text-align: right;
}
ul.nav--links {
padding: 0;
margin: 0;
}
ul.nav--links li {
display: inline;
text-transform: uppercase;
padding: 0 4px;
}
a {
color: #000000;
text-decoration: none;
transition: all 0.2s;
}
a:hover {
border-bottom: 3px solid #000000;
transition: all 0.2s;
}
article#about {
margin-top: 5em;
}
article#projects {
margin-bottom: 5em;
}
article#about p {
text-transform: uppercase;
}
article#about p.hero {
font-size: 2em;
}
article#about a {
margin: 200px 0 !important;
}
footer {
background-color: var(--bg-color);
position: fixed;
left: 0;
bottom: 0;
width: 100%;
border-top: 1px solid #999999;
text-align: center;
padding: 1em 0;
}
a.button {
color: #000000;
text-decoration: none;
padding: 5px 10px;
border: 3px solid #000000;
transition: all 0.2s;
text-transform: uppercase;
}
a.button:hover {
background-color: #000000;
color: #ffffff;
transition: all 0.2s;
}
article {
margin: 2em 0;
}
p.title {
font-weight: bold;
font-size: 2rem;
text-transform: uppercase;
margin: 10px 0;
}
/*body {
color: var(--color-text); color: var(--color-text);
} }
@ -38,4 +161,4 @@ footer img {
width: 1.2em; width: 1.2em;
vertical-align: middle; vertical-align: middle;
} }
*/