commit f6446ec19cc74a7bd685ac95ef2b7a84dd0378d3
parent 8daff40f51f4d773254997c00f571435219a9a07
Author: pyratebeard <root@pyratebeard.net>
Date: Wed, 26 Aug 2020 21:40:43 +0100
changed colours and redesigned layout
Diffstat:
| M | index.html | | | 76 | ++++++++++++++++++++++++++++++++-------------------------------------------- |
| M | static/css/style.css | | | 40 | +++++++++++++++++++++++----------------- |
2 files changed, 55 insertions(+), 61 deletions(-)
diff --git a/index.html b/index.html
@@ -7,58 +7,46 @@
<body>
<div class="container">
<div class="section">
+ <div id="search">
+ <form action="https://duckduckgo.com/?q=" method="get" name="frmSearch">
+ <input type="text" id="find" name="q" placeholder="searching..." autofocus>
+ </form>
+ </div>
<div class='row'>
<div class='col col-left'>
- <h1>pyratestart</h1>
+ <div id="pyratenet">
+ <h3>pyratenet</h3>
+ <ul>
+ <li><a href="https://pyratebeard.net">site</a></li>
+ <li><a href="https://log.pyratebeard.net">log</a></li>
+ <li><a href="https://wiki.pyratebeard.net/">wiki</a></li>
+ <li><a href="http://git.pyratebeard.net">code</a></li>
+ <li><a href="https://tube.pyratebeard.net">tube</a></li>
+ <li><a href="ftp://ftp.pyratebeard.net">ftp</a></li>
+ </ul>
+ </div>
</div>
<div class='col col-mid'>
+ <div id="work">
+ <h3>work</h3>
+ <ul>
+ <li><a href="https://cloud.digitalocean.com/login">digitalocean</a></li>
+ <li><a href="https://gitlab.com/users/sign_in">gitlab</a></li>
+ <li><a href="https://box.octo.tech/mail">mailbox</a></li>
+ </ul>
+ </div>
</div>
<div class='col col-right'>
- <img src='/static/img/rootimg.png'>
+ <div id="connect">
+ <h3>connect</h3>
+ <ul>
+ <li><a href="https://mastodon.social/auth/sign_in">mastodon</a></li>
+ <li><a href="https://twitter.com/login?hide_message=true&redirect_after_login=https%3A%2F%2Ftweetdeck.twitter.com%2F%3Fvia_twitter_login%3Dtrue">twitter</a></li>
+ <li><a href="https://keybase.io/pyratebeard">keybase</a></li>
+ </ul>
+ </div>
</div>
</div>
- <div id="search">
- <h2>search</h2>
- <form action="https://duckduckgo.com/?q=" method="get" name="frmSearch">
- <input type="text" id="find" name="q" autofocus>
- </form>
- </div>
- <div id="pyratenet">
- <h2>pyratenet</h2>
- <ul>
- <li><a href="https://pyratebeard.net">site</a> :</li>
- <li><a href="https://log.pyratebeard.net">log</a> :</li>
- <li><a href="https://wiki.pyratebeard.net/">wiki</a> :</li>
- <li><a href="http://git.pyratebeard.net">code</a> :</li>
- <li><a href="https://tube.pyratebeard.net">tube</a> :</li>
- <li><a href="ftp://ftp.pyratebeard.net">ftp</a></li>
- </ul>
- </div>
- <div id="work">
- <h2>work</h2>
- <ul>
- <li><a href="https://cloud.digitalocean.com/login">digitalocean</a> :</li>
- <li><a href="https://gitlab.com/users/sign_in">gitlab</a> :</li>
- <li><a href="https://box.octo.tech/mail">mailbox</a></li>
- </ul>
- </div>
- <div id="coffee_break">
- <h2>coffee break</h2>
- <ul>
- <li><a href="https://nixers.net">nixers</a> :</li>
- <li><a href="https://news.ycombinator.com/">hackernews</a> :</li>
- <li><a href="https://getcomics.info">getcomics</a> :</li>
- <li><a href="https://reddit.com/r/unixporn">r/unixporn</a></li>
- </ul>
- </div>
- <div id="connect">
- <h2>connect</h2>
- <ul>
- <li><a href="https://mastodon.social/auth/sign_in">mastodon</a> :</li>
- <li><a href="https://twitter.com/login?hide_message=true&redirect_after_login=https%3A%2F%2Ftweetdeck.twitter.com%2F%3Fvia_twitter_login%3Dtrue">twitter</a> :</li>
- <li><a href="https://keybase.io/pyratebeard">keybase</a></li>
- </ul>
- </div>
</div>
</div>
</body>
diff --git a/static/css/style.css b/static/css/style.css
@@ -16,8 +16,8 @@
font-style: normal;
}
body {
- background-color: #212021;
- color: #fbf6f6;
+ background-color: #1a1a1b;
+ color: #d6dadd;
font-family: "saxmono";
font-size: 16px
}
@@ -39,13 +39,13 @@ body {
flex: 1 1 0%
}
.col-left {
- text-align: left;
+ text-align: center;
}
.col-mid {
text-align: center;
}
.col-right {
- text-align: right;
+ text-align: center;
}
img {
@@ -58,12 +58,12 @@ h1,h2,h3,h4,h5 {
}
h1 {
- color: #cfe063;
+ color: #7fa8ba;
margin: 0px;
}
h2,h3,h4,h5 {
- color: #888aa9;
+ color: #7fa8ba;
}
a {
@@ -76,15 +76,15 @@ ul {
width: 100%;
margin-top: 0px;
margin-bottom: 32px;
+ padding-left: 0px;
}
li {
width 100%;
- display: inline;
font-size: 16px;
- color: #9c96ae;
+ color: #7394a1;
}
li a {
- color: #fbf6f6;
+ color: #d6dadd;
font-weight: normal;
text-decoration: none;
font-size: 16px;
@@ -92,7 +92,12 @@ li a {
li a:hover,
li a:focus {
outline: none;
- color: #b6ce63;
+ color: #64a6a7;
+}
+
+#search {
+ text-align: center;
+ margin-top: 15px;
}
input[type=text]:focus {
outline: none;
@@ -102,9 +107,9 @@ input[type=text]:focus {
input[type=text] {
outline: none;
border: none;
- background-color: #4e495a;
- color: #b8d680;
- width: 99%;
+ background-color: #2a2c2f;
+ color: #d6dadd;
+ width: 50%;
height: 50px;
padding: 5px 0px 5px 15px;
font-family: 'envy';
@@ -113,21 +118,22 @@ input[type=text] {
-webkit-transition: all 0.30s ease-in-out;
}
input#find {
- border: solid 2px #929eb5;
+ border: solid 3px #6e7377;
border-radius: 2px;
max-width: 100%;
+ font-family: 'envy';
}
::-webkit-scrollbar {
- background: #212021;
+ background: #1a1a1b;
border: 0;
border-radius: 0;
}
::-webkit-scrollbar-track {
- background: #212021;
+ background: #1a1a1b;
border: 0;
border-radius: 0;
}
::-webkit-scrollbar-thumb {
- background: #212021;
+ background: #1a1a1b;
border-radius: 0;
}
