NixNet
/
NixNet
3
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

anxhelo from lushka.al improved

Browse Source
master
Amolith 1 year ago
parent 55f1bc20fc
commit e42abccaf6
Signed by: Amolith
GPG Key ID: 5548AD9930655715
3 changed files with 150 additions and 197 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 338
      _sass/_default.scss
  2. 6
      index.html
  3. 3
      py/main.py

338
_sass/_default.scss
Unescape View File

@ -1,5 +1,5 @@
/* =Base */
input[type=text] {
input[type="text"] {
width: 30%;
box-sizing: border-box;
border: 0px;
@ -11,172 +11,180 @@ input[type=text] {
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
input[type="text"]:focus {
width: 75%;
}
body {
font-family: sans-serif;
color: $iron;
background-color: $dorian;
}
a {
color: $iron;
font-weight: bold;
text-decoration: none;
}
.content {
margin-top: -20px;
word-wrap: anywhere;
}
.content .headerlink {
display: none;
float: left;
padding-right: 4px;
margin-left: -30px;
&:before {
content: "\f0c1";
font-size: smaller;
font-family: "ForkAwesome";
}
}
.content .headerlink::before {
content: "\f0c1";
font-size: smaller;
font-family: "ForkAwesome";
}
.content h1:hover .headerlink {
display: block;
}
.content h2:hover .headerlink {
display: block;
}
.content h1:hover .headerlink,
.content h2:hover .headerlink,
.content h3:hover .headerlink {
display: block;
}
.content > h1,h2 {
.content > h1,
h2 {
border-bottom: 2px solid #fff;
padding-bottom: 7px;
}
.content > h3 {
font-size: 21px;
}
.content > h4 {
font-size: 19px;
}
.content a {
text-decoration: none;
font-weight: bold;
text-align: justify;
}
.content p a::after {
content: "\f08e";
font-size: 15px;
font-family: "ForkAwesome";
margin-left: 5px;
}
.content li a::after {
content: "\f08e";
font-size: 15px;
font-family: "ForkAwesome";
margin-left: 5px;
}
.footnotes {
border-top: 2px solid #808080;
}
.footnote {
text-decoration: underline!important;
text-decoration: underline !important;
}
a.footnote::after {
display: none;
}
a.reversefootnote::after {
display: none;
}
.hide {
display: none;
}
p {
font-size: 20px;
line-height: 32px;
}
p.center {
text-align: center;
}
ul {
font-size: 17px;
line-height: 27px;
}
ol {
font-size: 17px;
line-height: 27px;
}
img {
margin: 40px auto;
display: block;
max-width: 100%;
cursor: pointer;
}
.content img {
position: relative;
transition: transform .3s ease;
}
.content img:hover {
/** box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);**/
transform: translate3d(1px, -5px, 0px);
}
.content img:active {
transform: scale(1.4);
transition: transform 0.3s ease;
&:hover {
//box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);**/
transform: translate3d(1px, -5px, 0px);
}
&:active {
transform: scale(1.4);
}
}
.post-image {
display: none;
}
.flex-wrapper {
display: flex;
justify-content: center;
background-color: #323234;
}
.flex-cards {
width: 100%;
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-gap: 0.7em;
background-color: #323234;
justify-content: center;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
margin: 5px;
transition: 0.3s;
border-radius: 5px;
width: 28.3%;
background: #4f4f4fff;
padding: 15px;
font-size: 15px;
text-align: center;
display: flex;
flex-direction: column;
& .buttons {
margin-top: auto;
}
& p {
font-size: 17px;
text-align: left;
line-height: 27px;
}
&:hover {
box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.5);
}
}
div.card p {
font-size: 17px;
text-align: left;
line-height: 27px;
}
.card:hover {
box-shadow: 0 12px 20px 0 rgba(0,0,0,0.5);
}
.crypto-card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
margin: 5px;
transition: 0.3s;
border-radius: 5px;
width: 35%;
background: #ffffffff;
padding: 15px;
font-size: 15px;
text-align: center;
color: #323234;
word-wrap: break-word;
}
div.crypto-card p {
font-size: 17px;
text-align: center;
line-height: 27px;
}
.crypto-card:hover {
box-shadow: 0 12px 20px 0 rgba(0,0,0,0.5);
}
.button {
border-radius: 8px;
border: 0px;
@ -192,16 +200,18 @@ div.crypto-card p {
transition-duration: 0.4s;
cursor: pointer;
border: 2px solid #fff;
&:hover {
background-color: #4f4f4f;
color: #ffffff;
}
}
.button:hover {
background-color: #4f4f4f;
color: #FFFFFF;
}
.tor {
border-radius: 8px;
border: 0px;
color: #fff;
background-color: #7D4699;
background-color: #7d4699;
padding: 16px 16px;
text-align: center;
text-decoration: none;
@ -210,14 +220,16 @@ div.crypto-card p {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
cursor: pointer;
border: 2px solid #7D4699;
border: 2px solid #7d4699;
margin-left: 10px;
&:hover {
background-color: #4f4f4f;
color: #fff;
border: 2px solid #fff;
}
}
.tor:hover {
background-color: #4f4f4f;
color: #fff;
border: 2px solid #fff;
}
.donate {
border-radius: 8px;
border: 0px;
@ -234,29 +246,33 @@ div.crypto-card p {
cursor: pointer;
border: 2px solid #fff;
}
.scroll {
padding-top: 10px;
}
.tags {
margin-bottom: 3rem;
font-family: sans-serif;
}
.list-tags a {
font-size: 1rem;
color: #fff;
display:inline-block;
border:1px solid #fff;
border-radius:.313rem;
padding:.25rem .625rem;
margin-right:.125rem;
margin-bottom:.5rem;
text-decoration:none !important;
display: inline-block;
border: 1px solid #fff;
border-radius: 0.313rem;
padding: 0.25rem 0.625rem;
margin-right: 0.125rem;
margin-bottom: 0.5rem;
text-decoration: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-duration: 0.4s;
}
.tag-title {
font-family: serif;
font-weight: 400;
@ -272,76 +288,65 @@ div.crypto-card p {
padding-right: 0;
color: #fff;
}
.tag-list {
list-style-type: none;
font-family: serif;
padding: 0px;
& li {
font-family: serif;
border-bottom: 1px solid #fff;
padding: 0.625rem 0;
}
& span {
font-weight: 500;
font-size: 20px;
color: $iron;
}
}
.tag-list li {
font-family: serif;
border-bottom: 1px solid #fff;
padding: .625rem 0;
}
.tag-list span {
font-weight: 500;
font-size: 20px;
color: $iron;
}
.meta {
font-size: 15px!important;
font-size: 15px !important;
}
.meta {
font-size: 1rem;
color: #fff;
display:inline-block;
border:1px solid #fff;
border-radius:.313rem;
padding:.15rem .6rem;
margin-right:.125rem;
margin-bottom:.5rem;
text-decoration:none !important;
display: inline-block;
border: 1px solid #fff;
border-radius: 0.313rem;
padding: 0.15rem 0.6rem;
margin-right: 0.125rem;
margin-bottom: 0.5rem;
text-decoration: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-duration: 0.4s;
}
time {
font-family: Overpass;
font-family: "Overpass";
font-size: 20px;
font-weight: 500;
float: right;
vertical-align: middle;
}
.tags a:hover {
color:#323234;
color: #323234;
background-color: #fff;
}
.donate:hover {
background-color: #323234;
color: #fff;
}
.contact-card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
background: #4f4f4fff;
margin: 5px;
transition: 0.3s;
border-radius: 5px;
width: 20%;
text-align: center;
}
div.contact-card h1 {
font-size: 50px;
text-align: center;
line-height: 0px;
}
div.contact-card h2 {
font-size: 17px;
line-height: 27px;
}
.contact-card:hover {
box-shadow: 0 12px 20px 0 rgba(0,0,0,0.5);
}
blockquote {
letter-spacing: 1px;
margin: 0px;
@ -359,18 +364,21 @@ blockquote {
color: #bcbcbc;
}
}
.publish-date {
color: $iron;
font-weight: bold;
}
strong {
color: $iron;
}
/* =Header */
.wrapper {
width: 70%;
max-width: 1000px;
margin: 100px auto;
padding: 0 30px;
}
.header {
@ -379,7 +387,7 @@ strong {
}
.navigation {
float:left;
float: left;
}
.logo {
@ -391,7 +399,7 @@ strong {
.menu {
color: $cloudy;
font-size: 18px;
margin:0px;
margin: 0px;
margin-top: 6px;
padding: 0px;
list-style-type: none;
@ -411,7 +419,7 @@ strong {
}
.social-links {
float:right;
float: right;
font-size: 24px;
color: $cloudy;
list-style-type: none;
@ -424,8 +432,8 @@ strong {
/* =Titles */
.page-title {
margin-top:100px;
margin-bottom:75px;
margin-top: 100px;
margin-bottom: 75px;
text-align: center;
font-family: serif;
}
@ -495,13 +503,13 @@ strong {
}
/* =Explore */
.pagination {
.pagination {
text-align: center;
padding: 30px 0 45px;
margin: 0 auto;
max-width: 62.5rem;
}
.pagination > a {
.pagination > a {
display: inline-block;
border-radius: 50% !important;
padding: 6px;
@ -509,7 +517,7 @@ strong {
height: 32px;
text-decoration: none;
}
.pagination > a:hover {
.pagination > a:hover {
background-color: transparent;
}
@ -561,7 +569,6 @@ strong {
margin-left: 0px;
}
/* =Post page */
.about {
color: $cloudy;
@ -583,29 +590,7 @@ strong {
#disqus_thread {
margin-top: 100px;
}
@media (min-width: 1920px) {
.wrapper {
width: 50%
}
}
@media (min-width: 2560px) {
.wrapper {
width: 37%
}
}
@media (max-width: 1000px) {
.contact-card {
width: 28%;
}
}
@media screen and (max-width: 1000px) and (max-height:600px) {
.wrapper {
width: 75%;
}
.card {
width: 35%;
}
}
@media (max-width: 800px) {
/* =Base */
p {
@ -613,15 +598,16 @@ strong {
line-height: 1.6;
}
.wrapper {
width: 80%;
}
.navigation,
.social-links {
@include centered-block();
}
.wrapper {
padding-left: 50px;
padding-right: 50px;
}
.social-links {
font-size: 30px;
margin-top: 35px;
@ -674,45 +660,13 @@ strong {
.post-teaser p {
text-align: center;
}
.card {
width: 40%;
}
.contact-card {
width: 30%;
}
.crypto-card {
width: 70%;
}
}
@media (max-width: 620px) {
input[type=text] {
width: 80%;
}
input[type=text]:focus {
width: 100%;
}
.card {
input[type="text"] {
width: 80%;
}
.wrapper {
width: 84%;
}
.contact-card {
width: 45%;
}
.crypto-card {
width: 70%;
}
}
@media (max-width: 400px) {
.card {
width: 100%;
}
.contact-card {
width: 100%;
}
.crypto-card {
input[type="text"]:focus {
width: 100%;
}
}
;

6
index.html
Unescape View File

@ -33,10 +33,8 @@ priority: 0.9
<br/>
-->
<br/>
<div class="flex-wrapper">
<div class="flex-cards">
<!-- Static cards -->
</div>
<div class="flex-cards">
<!-- Static cards -->
</div>
<br />
<center>

3
py/main.py
Unescape View File

@ -9,12 +9,13 @@ for i in x["cards"]:
<div class="card">
<h1>{i["name"]}</h1>
<p>{i["description"]}</p>
<div class="buttons">
<a href="{i["link"]}"><button class="button">{i["button_text"]}</button></a>
"""
if i["tor"] != "#":
text += f'<a href="{i["tor"]}"><button class="tor">Tor</button></a>'
text += "</div>"
text += "</div></div>"
with open('_site/index.html') as f:
y = f.read()

Write Preview
Loading…
Cancel
Save