Update web

This commit is contained in:
Miloslav Číž 2020-11-11 14:46:48 +01:00
parent 5b5a7a15f3
commit 84ee3f3dad
1 changed files with 154 additions and 155 deletions

View File

@ -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
{
display: block;
margin: auto;
}
.subtitle img
{ {
display: block; display: block;
text-align: center; margin: auto;
} }
iframe, .screenshot .subtitle
{ {
display: block; display: block;
margin: 20px auto; text-align: center;
} }
.screenshot iframe, .screenshot
{ {
width: 70%; display: block;
} margin: 20px auto;
}
.ap .screenshot
{ {
width: 30px; width: 70%;
} }
.ap
{
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.