mirror of
https://gitlab.com/2-chainz/2-chainz-rest-site.git
synced 2025-06-15 22:56:45 +00:00
hopefully final changes until new site can be made
This commit is contained in:
parent
61fb624fba
commit
78147cf204
4
404.html
4
404.html
@ -141,13 +141,13 @@
|
||||
<div class="wrapper">
|
||||
<nav class="nav">
|
||||
<div class="nav-left">
|
||||
<a class="brand" href="../">🌊 api.chainz.rest</a>
|
||||
<a class="brand" href="../">⛓ api.chainz.rest</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="notfound">
|
||||
<h1 class="">I'm lost in the world</h1>
|
||||
<i>
|
||||
<h4 class="is-text-right">- 2 Chainz</h4>
|
||||
<h4 class="is-text-right">- Ye</h4>
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
262
css/chota.css
262
css/chota.css
@ -3,19 +3,20 @@
|
||||
/*! chota.css v0.6.2 | MIT License | github.com/jenil/chota */
|
||||
|
||||
:root {
|
||||
--color-primary: #000;
|
||||
--color-primary: rgb(255, 255, 255);
|
||||
--color-lightGrey: #d2d6dd;
|
||||
--color-grey: #7e818b;
|
||||
--color-darkGrey: #3f4144;
|
||||
--color-bg: #fff;
|
||||
--color-darkGrey: #ff0037;
|
||||
--color-bg: rgb(0, 0, 0);
|
||||
--grid-maxWidth: 120rem;
|
||||
--grid-gutter: 2rem;
|
||||
--font-size: 1.6rem;
|
||||
--font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
|
||||
--font-family: "Courier New", Courier, "Lucida Sans Typewriter",
|
||||
"Lucida Typewriter", monospace;
|
||||
}
|
||||
|
||||
[data-theme="dark"] {
|
||||
--color-primary: #fff;
|
||||
--color-primary: rgb(0, 0, 0);
|
||||
--color-bg: #000;
|
||||
}
|
||||
|
||||
@ -219,92 +220,92 @@ iframe {
|
||||
|
||||
.col,
|
||||
[class*=" col-"],
|
||||
[class^='col-'] {
|
||||
[class^="col-"] {
|
||||
margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
|
||||
}
|
||||
|
||||
.col-1 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/1)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-2 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/2)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-3 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/3)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-4 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/4)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-5 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/5)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-6 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/6)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-7 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/7)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-8 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/8)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-9 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/9)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-10 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/10)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-11 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/11)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
.col-12 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/12)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
}
|
||||
|
||||
@media screen and (max-width: 599px) {
|
||||
@ -313,7 +314,7 @@ iframe {
|
||||
}
|
||||
.col,
|
||||
[class*="col-"],
|
||||
[class^='col-'] {
|
||||
[class^="col-"] {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 1 100%;
|
||||
flex: 0 1 100%;
|
||||
@ -324,150 +325,150 @@ iframe {
|
||||
@media screen and (min-width: 900px) {
|
||||
.col-1-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/1)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
}
|
||||
.col-2-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/2)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
}
|
||||
.col-3-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/3)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
}
|
||||
.col-4-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/4)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
}
|
||||
.col-5-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/5)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
}
|
||||
.col-6-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/6)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
}
|
||||
.col-7-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/7)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
}
|
||||
.col-8-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/8)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
}
|
||||
.col-9-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/9)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
}
|
||||
.col-10-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/10)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
}
|
||||
.col-11-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/11)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
}
|
||||
.col-12-md {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/12)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.col-1-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/1)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/1)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 1)) - var(--grid-gutter));
|
||||
}
|
||||
.col-2-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/2)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/2)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 2)) - var(--grid-gutter));
|
||||
}
|
||||
.col-3-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/3)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/3)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 3)) - var(--grid-gutter));
|
||||
}
|
||||
.col-4-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/4)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 4)) - var(--grid-gutter));
|
||||
}
|
||||
.col-5-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/5)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/5)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 5)) - var(--grid-gutter));
|
||||
}
|
||||
.col-6-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/6)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 6)) - var(--grid-gutter));
|
||||
}
|
||||
.col-7-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/7)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/7)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 7)) - var(--grid-gutter));
|
||||
}
|
||||
.col-8-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/8)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 8)) - var(--grid-gutter));
|
||||
}
|
||||
.col-9-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/9)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/9)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 9)) - var(--grid-gutter));
|
||||
}
|
||||
.col-10-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/10)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/10)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 10)) - var(--grid-gutter));
|
||||
}
|
||||
.col-11-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/11)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/11)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 11)) - var(--grid-gutter));
|
||||
}
|
||||
.col-12-lg {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12/12)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12/12)) - var(--grid-gutter));
|
||||
-ms-flex: 0 0 calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
flex: 0 0 calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
max-width: calc((100% / (12 / 12)) - var(--grid-gutter));
|
||||
}
|
||||
}
|
||||
|
||||
@ -537,7 +538,6 @@ select {
|
||||
height: 1.6rem;
|
||||
}
|
||||
|
||||
|
||||
/* BUTTONS */
|
||||
|
||||
.button,
|
||||
@ -568,17 +568,17 @@ button {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.grouped>input:not(:last-child),
|
||||
.grouped>select:not(:last-child),
|
||||
.grouped>.button:not(:last-child) {
|
||||
.grouped > input:not(:last-child),
|
||||
.grouped > select:not(:last-child),
|
||||
.grouped > .button:not(:last-child) {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.button+.button {
|
||||
.button + .button {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.buttons>.button+.button {
|
||||
.buttons > .button + .button {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
@ -669,7 +669,7 @@ button:disabled:hover {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button.icon>img {
|
||||
.button.icon > img {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
@ -708,7 +708,7 @@ button:disabled:hover {
|
||||
max-height: 3rem;
|
||||
}
|
||||
|
||||
.nav>.container {
|
||||
.nav > .container {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@ -745,7 +745,7 @@ button:disabled:hover {
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.nav,
|
||||
.nav>.container {
|
||||
.nav > .container {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
@ -807,7 +807,7 @@ button:disabled:hover {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.card header>* {
|
||||
.card header > * {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@ -822,7 +822,7 @@ button:disabled:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tabs>a {
|
||||
.tabs > a {
|
||||
padding: 1rem 2rem;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 1 auto;
|
||||
@ -832,13 +832,13 @@ button:disabled:hover {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tabs>a.active,
|
||||
.tabs>a:hover {
|
||||
.tabs > a.active,
|
||||
.tabs > a:hover {
|
||||
opacity: 1;
|
||||
border-bottom: 2px solid var(--color-darkGrey);
|
||||
}
|
||||
|
||||
.tabs>a.active {
|
||||
.tabs > a.active {
|
||||
border-color: var(--color-primary);
|
||||
}
|
||||
|
||||
@ -868,11 +868,10 @@ button:disabled:hover {
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
.tag+.tag {
|
||||
.tag + .tag {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
||||
/* Colors */
|
||||
|
||||
.bg-primary {
|
||||
@ -951,7 +950,6 @@ button:disabled:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
/* Position & alignment */
|
||||
|
||||
.pull-right {
|
||||
|
||||
BIN
favicon-16x16.png
Normal file
BIN
favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 919 B |
BIN
favicon-32x32.png
Normal file
BIN
favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
139
index.html
139
index.html
@ -1,19 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=UA-134041866-2"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
gtag("config", "UA-134041866-2");
|
||||
</script>
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
@ -23,80 +12,6 @@
|
||||
content="A free REST API for random 2 Chainz quotes"
|
||||
/>
|
||||
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="57x57"
|
||||
href="static/apple-icon-57x57.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="60x60"
|
||||
href="static/apple-icon-60x60.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="72x72"
|
||||
href="static/apple-icon-72x72.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="76x76"
|
||||
href="static/apple-icon-76x76.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="114x114"
|
||||
href="static/apple-icon-114x114.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="120x120"
|
||||
href="static/apple-icon-120x120.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="144x144"
|
||||
href="static/apple-icon-144x144.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="152x152"
|
||||
href="static/apple-icon-152x152.png"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="static/apple-icon-180x180.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="192x192"
|
||||
href="static/android-icon-192x192.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="static/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="96x96"
|
||||
href="static/favicon-96x96.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="static/favicon-16x16.png"
|
||||
/>
|
||||
<link rel="manifest" href="static/manifest.json" />
|
||||
<meta name="msapplication-TileColor" content="#ffffff" />
|
||||
<meta name="msapplication-TileImage" content="static/ms-icon-144x144.png" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
|
||||
<meta property="og:title" content="api.chainz.rest" />
|
||||
<meta property="og:site_name" content="api.chainz.rest" />
|
||||
<meta property="og:url" content="https://api.chainz.rest" />
|
||||
@ -105,13 +20,9 @@
|
||||
content="A free REST API for random 2 Chainz quotes"
|
||||
/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://api.chainz.rest/static/apple-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:creator" content="@ajzbc" />
|
||||
<meta name="twitter:creator" content="@Anson_3D" />
|
||||
<meta name="twitter:url" content="https://api.chainz.rest" />
|
||||
<meta name="twitter:title" content="api.chainz.rest" />
|
||||
<meta
|
||||
@ -147,12 +58,8 @@
|
||||
<div class="wrapper">
|
||||
<nav class="nav">
|
||||
<div class="nav-left">
|
||||
<a class="brand" href="../">🌊 api.chainz.rest</a>
|
||||
<a class="brand" href="../">⛓ api.chainz.rest</a>
|
||||
</div>
|
||||
<!-- <div class="nav-right">
|
||||
<a class="button clear no-top noselect" href="https://www.buymeacoffee.com/ajzbc" target="_blank">☕️ Buy
|
||||
Me A Coffee!</a>
|
||||
</div> -->
|
||||
</nav>
|
||||
<div class="inner">
|
||||
<p>A free REST API for random 2 Chainz quotes</p>
|
||||
@ -181,24 +88,20 @@
|
||||
}</code
|
||||
>
|
||||
<br />
|
||||
<p class="extra">
|
||||
<!-- <p class="extra">
|
||||
Extra:
|
||||
<a href="https://api.chainz.rest?format=text" target="_blank"
|
||||
>https://api.chainz.rest?format=text</a
|
||||
>
|
||||
</p>
|
||||
</p> -->
|
||||
</div>
|
||||
|
||||
<!-- <div id="codefund">
|
||||
</div>
|
||||
<script src="https://codefund.io/properties/192/funder.js" async="async"></script> -->
|
||||
|
||||
<h3 class="title">FAQ</h3>
|
||||
<div class="section">
|
||||
<b>Can I use this in my project?</b>
|
||||
<p>
|
||||
Yes. Do what ever you want with it!
|
||||
<a href="https://twitter.com/ajzbc" target="_blank"
|
||||
<a href="https://twitter.com/Anson_3D" target="_blank"
|
||||
>Let me know what you make!</a
|
||||
>
|
||||
</p>
|
||||
@ -206,32 +109,24 @@
|
||||
<p>No, but be generous.</p>
|
||||
<b>Is it open source? Can I contribute?</b>
|
||||
<p>
|
||||
Yes! Checkout my spaghetti code on github.
|
||||
<a href="https://github.com/ajzbc/api.chainz.rest" target="_blank"
|
||||
>API</a
|
||||
>
|
||||
<a
|
||||
href="https://github.com/ajzbc/api.chainz.rest/tree/gh-pages"
|
||||
target="_blank"
|
||||
>Site</a
|
||||
>
|
||||
Yes! Checkout the code on
|
||||
<a href="https://gitlab.com/2-chainz" target="_blank">Gitlab</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
👋 Made by
|
||||
Made by
|
||||
<a href="https://Anson_3D.com" target="_blank">Anson Biggs</a>
|
||||
<a href="https://twitter.com/Anson_3D" target="_blank">@Anson_3D</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Inspired By
|
||||
<a href="https://ajzbc.com" target="_blank">Andrew Jazbec</a>
|
||||
<a href="https://twitter.com/ajzbc" target="_blank">@ajzbc</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/ajzbc/api.chainz.rest" target="_blank"
|
||||
><img
|
||||
alt="GitHub stars"
|
||||
src="https://img.shields.io/github/stars/ajzbc/api.chainz.rest?style=social"
|
||||
/></a>
|
||||
</p>
|
||||
<i class="wavy">Stay wavy 🌊</i>
|
||||
<i class="wavy">Truuuuuuuu</i>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
getQuote();
|
||||
|
||||
function getQuote() {
|
||||
fetch("https://api.chainz.rest/quote")
|
||||
fetch("https://api.chainz.rest/quote", { method: "GET" })
|
||||
.then(resp => resp.json())
|
||||
.then(function(data) {
|
||||
document.getElementById("quote").innerHTML = data.quote;
|
||||
|
||||
const tweet = encodeURIComponent(
|
||||
`"${data.quote}"-@2chainz via https://2.chainz.rest @ajzbc`
|
||||
`"${data.quote}"-@2chainz via https://2.chainz.rest`
|
||||
);
|
||||
document.getElementById(
|
||||
"tweet"
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB |
@ -1,2 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,41 +0,0 @@
|
||||
{
|
||||
"name": "App",
|
||||
"icons": [
|
||||
{
|
||||
"src": "\/android-icon-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image\/png",
|
||||
"density": "0.75"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image\/png",
|
||||
"density": "1.0"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image\/png",
|
||||
"density": "1.5"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image\/png",
|
||||
"density": "2.0"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image\/png",
|
||||
"density": "3.0"
|
||||
},
|
||||
{
|
||||
"src": "\/android-icon-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image\/png",
|
||||
"density": "4.0"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.9 KiB |
Loading…
x
Reference in New Issue
Block a user