mirror of
https://gitlab.com/drummyfish/anarch.git
synced 2024-11-24 18:02:22 -05:00
Update web
This commit is contained in:
parent
5b5a7a15f3
commit
84ee3f3dad
307
index.html
307
index.html
@ -11,172 +11,172 @@
|
|||||||
<title> Anarch </title>
|
<title> Anarch </title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@font-face
|
@font-face
|
||||||
{
|
{
|
||||||
font-family: Aileron;
|
font-family: Aileron;
|
||||||
src: url(http://www.tastyfish.cz/Aileron-Light.otf);
|
src: url(http://www.tastyfish.cz/Aileron-Light.otf);
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face
|
@font-face
|
||||||
{
|
{
|
||||||
font-family: Aileron;
|
font-family: Aileron;
|
||||||
src: url(http://www.tastyfish.cz/Aileron-Bold.otf);
|
src: url(http://www.tastyfish.cz/Aileron-Bold.otf);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face
|
@font-face
|
||||||
{
|
{
|
||||||
font-family: Aileron;
|
font-family: Aileron;
|
||||||
src: url(http://www.tastyfish.cz/Aileron-LightItalic.otf);
|
src: url(http://www.tastyfish.cz/Aileron-LightItalic.otf);
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
b
|
b
|
||||||
{
|
{
|
||||||
color: #d91a1a;
|
color: #d91a1a;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul
|
ul
|
||||||
{
|
{
|
||||||
width: 75%;
|
width: 75%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: rgb(28,24,22);
|
background-color: rgb(28,24,22);
|
||||||
}
|
}
|
||||||
|
|
||||||
li
|
li
|
||||||
{
|
{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 24%;
|
width: 24%;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo
|
.logo
|
||||||
{
|
{
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
a
|
a
|
||||||
{
|
{
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: white;
|
color: white;
|
||||||
border-bottom: 1px solid white;
|
border-bottom: 1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
body
|
body
|
||||||
{
|
{
|
||||||
font-family: 'Aileron', sans-serif;
|
font-family: 'Aileron', sans-serif;
|
||||||
max-width: 750px;
|
max-width: 750px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
p
|
p
|
||||||
{
|
{
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1
|
h1
|
||||||
{
|
{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 70px;
|
font-size: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2
|
h2
|
||||||
{
|
{
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 70px 0 25px;
|
margin: 70px 0 25px;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subtitle
|
.subtitle
|
||||||
{
|
{
|
||||||
display: block;
|
display: block;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wow
|
.wow
|
||||||
{
|
{
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 45px;
|
font-size: 45px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
margin: 70px auto 35px;
|
margin: 70px auto 35px;
|
||||||
text-shadow: 0px 0px 60px red;
|
text-shadow: 0px 0px 60px red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wow::before, .wow::after
|
.wow::before, .wow::after
|
||||||
{
|
{
|
||||||
content: "";
|
content: "";
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 30px;
|
margin: 0 30px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
background: url(https://upload.wikimedia.org/wikipedia/commons/e/e1/Anarcho_pacifism_animation_2_inverted.gif) no-repeat;
|
background: url(https://upload.wikimedia.org/wikipedia/commons/e/e1/Anarcho_pacifism_animation_2_inverted.gif) no-repeat;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description
|
.description
|
||||||
{
|
{
|
||||||
display: block;
|
display: block;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: #dddddd;
|
color: #dddddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer
|
.footer
|
||||||
{
|
{
|
||||||
border-top: 1px solid white;
|
border-top: 1px solid white;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 40px auto;
|
margin: 40px auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
img
|
img
|
||||||
{
|
{
|
||||||
display: block;
|
display: block;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subtitle
|
.subtitle
|
||||||
{
|
{
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
iframe, .screenshot
|
iframe, .screenshot
|
||||||
{
|
{
|
||||||
display: block;
|
display: block;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.screenshot
|
.screenshot
|
||||||
{
|
{
|
||||||
width: 70%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ap
|
.ap
|
||||||
{
|
{
|
||||||
width: 30px;
|
width: 30px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@ -206,13 +206,12 @@
|
|||||||
|
|
||||||
<p class="description">
|
<p class="description">
|
||||||
This game runs everywhere and adheres to great <a href="https://suckless.org">simplicity</a>.
|
This game runs everywhere and adheres to great <a href="https://suckless.org">simplicity</a>.
|
||||||
It is much more efficient and portable than Doom.
|
It is much more efficient and portable than Doom and has completely
|
||||||
It has completely <b>no dependencies</b> and doesn't even
|
<b>no dependencies</b>. Not even floating point is used, in case your
|
||||||
use floating point in case your computer doesn't have the HW unit. It can
|
computer doesn't have the HW unit. The game can fit into <b>200 KB</b>
|
||||||
fit into <b>200 KB</b> (including assets!) and runs with just
|
(including assets!) and can run with just <b>32 KB RAM</b>. No build system,
|
||||||
<b>32 KB RAM</b>. No build system, library, internet connection or package
|
library, internet connection or package manager is inherently required for
|
||||||
manager is inherently required for compilation as the whole game is wriiten
|
compilation as the whole game is written in pure C language.
|
||||||
in pure C language.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p class="description">
|
<p class="description">
|
||||||
@ -223,8 +222,8 @@
|
|||||||
<span class="wow">MORE THAN A GAME</span>
|
<span class="wow">MORE THAN A GAME</span>
|
||||||
|
|
||||||
<p class="description">
|
<p class="description">
|
||||||
This is not a mere entertainment tool meant for killing time or pursuing low
|
This is not a mere entertainment toy meant for killing time or pursuing low
|
||||||
goals such as making profit, this is an art, a tool, a blueprint, a manifesto.
|
goals such as making profit, this is art, a tool, a blueprint, a manifesto.
|
||||||
Anarch is completely gratis and free as in freedom and besides entertainment
|
Anarch is completely gratis and free as in freedom and besides entertainment
|
||||||
can also be used for hacking, education, research, media creation, as a benchmark,
|
can also be used for hacking, education, research, media creation, as a benchmark,
|
||||||
as a test, as an environment, as an engine, as a basis for something greater.
|
as a test, as an environment, as an engine, as a basis for something greater.
|
||||||
|
Loading…
Reference in New Issue
Block a user