v1
This commit is contained in:
parent
5a5e03cd99
commit
8210747a83
119
index.html
119
index.html
@ -5,81 +5,70 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>~/</title>
|
||||
<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 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 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?v=1">
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<div class="container nav">
|
||||
<div class="nav--left"><a href="#about">~aS</a></div>
|
||||
<div class="nav--right">
|
||||
<ul class="nav--links">
|
||||
<li><a href="//blog.iiiypuk.me/">Blog</a></li>
|
||||
<li><a href="gemini://iiiypuk.me/">Gemini</a></li>
|
||||
<li><a href="//gemini.iiiypuk.me/">[HTTP]</a></li>
|
||||
<li><a href="#social">Social</a></li>
|
||||
<li><a href="#services">Services</a></li>
|
||||
<li><a href="#projects">Projects</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-7 text-right">
|
||||
<a href="//blog.iiiypuk.me/" title="Blog">
|
||||
<img src="https://icongr.am/material/text-box.svg?size=24&color=ffffff">
|
||||
Blog
|
||||
</a>
|
||||
<a href="//gemini.iiiypuk.me/" title="HTTP proxy">
|
||||
<img src="https://icongr.am/material/arrow-decision.svg?size=24&color=ffffff">
|
||||
Gemini HTTP Proxy
|
||||
</a>
|
||||
<a href="gemini://iiiypuk.me/" title="Gemini site">
|
||||
<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>
|
||||
<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 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>
|
||||
<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>
|
||||
|
||||
<hr>
|
||||
<article id="services">
|
||||
<p class="title">Services</p>
|
||||
|
||||
<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>
|
||||
<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 class="col">
|
||||
<p class="logo">geek & gamer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="text-center">
|
||||
Made with
|
||||
<img src="https://icongr.am/material/coffee.svg?size=128&color=ffffff">
|
||||
by iiiypuk
|
||||
|
||||
<footer>
|
||||
Made with ♥
|
||||
</footer>
|
||||
</body>
|
||||
</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 {
|
||||
--bg-color: #181818;
|
||||
--bg-secondary-color: #f3f3f6;
|
||||
--font-family: sans-serif;
|
||||
--max-width: 860px;
|
||||
--bg-color: #fefefe;
|
||||
--font-size: 1.3rem;
|
||||
/*--bg-secondary-color: #f3f3f6;
|
||||
--bg-footer: #dadada;
|
||||
--color-text: #d1dce0;
|
||||
--color-primary: #6190ff; /* #14854F */
|
||||
--color-primary: #6190ff;
|
||||
--color-lightGrey: #d2d6dd;
|
||||
--color-grey: #747681;
|
||||
--color-darkGrey: #3f4144;
|
||||
@ -13,13 +16,133 @@
|
||||
--color-success: #28bd14;
|
||||
--grid-maxWidth: 120rem;
|
||||
--grid-gutter: 2rem;
|
||||
--font-size: 1.7rem;
|
||||
|
||||
--font-color: #333333;
|
||||
--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 {
|
||||
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);
|
||||
}
|
||||
|
||||
@ -38,4 +161,4 @@ footer img {
|
||||
width: 1.2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user