link fixes
This commit is contained in:
Eric
parent
ac8febaed8
commit
4742a03c6a
|
|
@ -33,4 +33,4 @@ We have written a small primer on [why you should be a libre
|
|||
gamer](libre-games-primer.html) and a page on how to
|
||||
[play libre games](play-libre-games).
|
||||
|
||||
We also have a detailed page [introducing our organization](intro.html).
|
||||
We also have a detailed page [introducing our organization](intro).
|
||||
|
|
|
|||
|
|
@ -0,0 +1,161 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Libre Games: By Everyone, for Everyone</title>
|
||||
<style>
|
||||
html { /* center HTML and reduce width */
|
||||
background-color: black;
|
||||
margin: auto;
|
||||
max-width: 60em;
|
||||
}
|
||||
|
||||
body { /* establish document colors and font */
|
||||
background-color: #1c1b22; /* dark grey background */
|
||||
color: #dee2e6; /* off white text */
|
||||
font-family: Roboto, Arial, sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* only strong part of header is bolded */
|
||||
|
||||
h1, h2 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 strong, h2 strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* images used as part of headers have fixed height */
|
||||
|
||||
h1 img {
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
h2 img {
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
/* class to display a floated gallery of card elements */
|
||||
|
||||
.gallery-flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 55em;
|
||||
}
|
||||
|
||||
.gallery-flex .card {
|
||||
background-color: #35333f; /* lighter gray background for cards */
|
||||
border-radius: 8px;
|
||||
margin: 0.5em;
|
||||
padding: 0.5em;
|
||||
min-width: 25.5em;
|
||||
width: 25em;
|
||||
}
|
||||
|
||||
.gallery-flex strong {
|
||||
color: #FF8F23;
|
||||
}
|
||||
|
||||
.gallery-flex ul, .gallery-flex p {
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h3 style="background-color:#212529;text-align:center;">
|
||||
<img src="images/title.png" style="height:2em;min-height:initial;" />
|
||||
</h3>
|
||||
|
||||
<p><img src="images/banner.png" alt="banner" title="" /></p>
|
||||
|
||||
<h1><img src="images/libregaming-logo.svg" alt="logo" /> Libre Games: By <strong>Everyone</strong> for <strong>Everyone</strong></h1>
|
||||
|
||||
<p><span style="color:#ff8f23">Libre games are fun games owned by the
|
||||
community: Everyone who <strong>plays</strong> the game, <strong>develops</strong> it, and
|
||||
<strong>shares</strong> it.</span></p>
|
||||
|
||||
<h2><img src="images/team-lg.svg" alt="icon" /> Community owned games</h2>
|
||||
|
||||
<p><span style="color:#ff8f23">When a game is owned by the <strong>community</strong>
|
||||
everyone can do anything they like with it!</span></p>
|
||||
|
||||
<div class="gallery-flex">
|
||||
<div class="card">
|
||||
<h1 class="text-orange">Modding</h1>
|
||||
<h1><img alt="tools icon" src="images/tools-lg.svg" /></h1>
|
||||
<ul>
|
||||
<li>Create and share a <strong>modified</strong> project
|
||||
</li>
|
||||
</ul>
|
||||
<p>From <strong>simple</strong> modifications to
|
||||
<strong>full</strong> conversions!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h1 class="text-orange">Sharing</h1>
|
||||
<h1><img alt="team icon" src="images/team-lg.svg" /></h1>
|
||||
<ul>
|
||||
<li><strong>Share</strong> copies of the game!</li>
|
||||
<li><strong>Freely</strong> use the game's content on any platform!</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h1 class="text-orange">Learning</h1>
|
||||
<h1><img alt="book icon" src="images/book-open-lg.svg" /></h1>
|
||||
<ul>
|
||||
<li><strong>Learn</strong> how the game is built by looking
|
||||
<strong>under the hood</strong>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h1 class="text-orange">Collaborating</h1>
|
||||
<h1><img alt="service icon" src="images/service-lg.svg" /></h1>
|
||||
<ul>
|
||||
<li><strong>Participate</strong> in the game's development by
|
||||
<strong>improving</strong> it and/or giving
|
||||
<strong>feedback</strong>.</li>
|
||||
<li><strong>Create</strong> or
|
||||
<strong>improve</strong> translations.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h1 class="text-orange">Preserving</h1>
|
||||
<h1><img alt="fingerprint icon" src="images/fingerprint-lg.svg" /></h1>
|
||||
<ul>
|
||||
<li>Help port the game to new platforms and ensure it
|
||||
<strong>lives forever</strong>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p></div></p>
|
||||
|
||||
<h2>How is this achieved?</h2>
|
||||
|
||||
<div class="gallery-flex">
|
||||
<div class="card">
|
||||
<h1 class="text-orange">Sharing</h1>
|
||||
<h1><img alt="team icon" src="images/team-lg.svg" /></h1>
|
||||
<p><strong>Everything</strong> needed to make the game:</p>
|
||||
<ul>
|
||||
<li>Code</li>
|
||||
<li>Music</li>
|
||||
<li>Art</li>
|
||||
<li>3D models</li>
|
||||
<li>Documentation</li>
|
||||
<li>...</li>
|
||||
</ul>
|
||||
<p>Is made <strong>available</strong> to <strong>everyone</strong>
|
||||
with full permission to <strong>share</strong> and
|
||||
<strong>remix</strong> (and even make a new game from it).</p>
|
||||
</div>
|
||||
|
||||
<p></div></p>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue