v1
This commit is contained in:
parent
5a5e03cd99
commit
8210747a83
127
index.html
127
index.html
@ -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> </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> </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 ♥
|
||||||
by iiiypuk
|
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
<!-- ver: 0.0.7 -->
|
<!-- ver: 1.0.0b -->
|
||||||
|
|||||||
1
styles/chota.min.css
vendored
1
styles/chota.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|||||||
Reference in New Issue
Block a user