link fixes
This commit is contained in:
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
|
gamer](libre-games-primer.html) and a page on how to
|
||||||
[play libre games](play-libre-games).
|
[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