diff options
| -rw-r--r-- | fonts/subset-OPTIEdgarBold-Extended.ttf | bin | 0 -> 11784 bytes | |||
| -rw-r--r-- | fonts/subset-OPTIEdgarBold-Extended.woff | bin | 0 -> 9368 bytes | |||
| -rw-r--r-- | index.html | 86 | ||||
| -rw-r--r-- | media/icon.png | bin | 0 -> 46228 bytes | |||
| -rw-r--r-- | media/screenshot1.png | bin | 0 -> 1747268 bytes | |||
| -rw-r--r-- | media/screenshot1s.png | bin | 0 -> 148226 bytes | |||
| -rw-r--r-- | media/screenshot2.png | bin | 0 -> 773174 bytes | |||
| -rw-r--r-- | media/screenshot2s.png | bin | 0 -> 63101 bytes | |||
| -rw-r--r-- | media/screenshot3.png | bin | 0 -> 1783293 bytes | |||
| -rw-r--r-- | media/screenshot3s.png | bin | 0 -> 162452 bytes | |||
| -rw-r--r-- | media/screenshot4.png | bin | 0 -> 1312538 bytes | |||
| -rw-r--r-- | media/screenshot4s.png | bin | 0 -> 127476 bytes | |||
| -rw-r--r-- | media/screenshot5.png | bin | 0 -> 1743183 bytes | |||
| -rw-r--r-- | media/screenshot5s.png | bin | 0 -> 155884 bytes | |||
| -rw-r--r-- | media/screenshot6.png | bin | 0 -> 1697913 bytes | |||
| -rw-r--r-- | media/screenshot6s.png | bin | 0 -> 156990 bytes | |||
| -rw-r--r-- | media/star.png | bin | 0 -> 35229 bytes | |||
| -rw-r--r-- | style.css | 212 |
18 files changed, 298 insertions, 0 deletions
diff --git a/fonts/subset-OPTIEdgarBold-Extended.ttf b/fonts/subset-OPTIEdgarBold-Extended.ttf Binary files differnew file mode 100644 index 0000000..290516a --- /dev/null +++ b/fonts/subset-OPTIEdgarBold-Extended.ttf diff --git a/fonts/subset-OPTIEdgarBold-Extended.woff b/fonts/subset-OPTIEdgarBold-Extended.woff Binary files differnew file mode 100644 index 0000000..cccb9f5 --- /dev/null +++ b/fonts/subset-OPTIEdgarBold-Extended.woff diff --git a/index.html b/index.html new file mode 100644 index 0000000..c174f29 --- /dev/null +++ b/index.html @@ -0,0 +1,86 @@ +<!doctype html> +<html lang="en"> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<meta name="author" content="aki"> +<meta name="tags" content="Starshatter, The Gathering Storm, space-sim, space combat simulator, military sci-fi game"> +<meta name="description" content="Homepage of Starshatter: The Open Source Project"> +<link rel="icon" type="image/png" href="media/icon.png"> +<link rel="stylesheet" type="text/css" href="style.css"> + +<title>Starshatter: The Open Source Project</title> + +<nav> +<a href="#about">About</a> +<a href="#screenshots">Screenshots</a> +<a href="#downloads">Downloads</a> +<a href="#contributing">Contributing</a> +<a href="#community">Community</a> +</nav> + +<header> +<h1>STAR<div class="star"><div></div></div>SHATTER <br><span class="subtitle">The Open Source Project</a></h1> +</header> + +<section id="about"> +<h2>About <a class="self" href="#about">§</a></h2> +<p><strong>Starshatter</strong> (2004) and <strong>Starshatter: The Gathering Storm</strong> (2006) were military space +combat simulators in distant future. They allowed players to command all kind of ship sizes and all kind of ship groups +putting the players anywhere in the regular military chain of command. +<p>In 2011 the author, John DiCamillo, released game's source code under the 3-Clause BSD License. +<p><strong>Starshatter: The Open Source Project</strong> is a legacy of this series and intends to maintain, polish, and +extend the game. Just like before, the goal is to let the player experience the ultimate space combat, from planet +surface to interstellar space, from piloting the smallest ships to commanding entire armadas. +</section> + +<section id="screenshots"> +<h2>Screenshots <a class="self" href="#screenshots">§</a></h2> +<div class="gallery"> +<a href="media/screenshot1.png"><img src="media/screenshot1s.png" alt="Showcase screenshot #1"></a> +<a href="media/screenshot2.png"><img src="media/screenshot2s.png" alt="Showcase screenshot #2"></a> +<a href="media/screenshot3.png"><img src="media/screenshot3s.png" alt="Showcase screenshot #3"></a> +<a href="media/screenshot4.png"><img src="media/screenshot4s.png" alt="Showcase screenshot #4"></a> +<a href="media/screenshot5.png"><img src="media/screenshot5s.png" alt="Showcase screenshot #5"></a> +<a href="media/screenshot6.png"><img src="media/screenshot6s.png" alt="Showcase screenshot #6"></a> +</div> +</section> + +<section id="downloads"> +<h2>Downloads <a class="self" href="#downloads">§</a></h2> +<p>Game is distributed in portable and self-contained packages for Windows that also work with Wine on other platforms. +To play the game download the latest package, unpack it somewhere, and simply run it. +<p class="centered"><a href="https://ftp.ignore.pl/starshatter/releases/latest/starshatter-all.zip">Download latest +version (2022-02-16 00:30 CET)</a><br> +<a class="smaller" href="https://ftp.ignore.pl/starshatter/releases/starshatter-executables.zip">Download only latest +executables</a><br> +<a class="smaller" href="https://ftp.ignore.pl/starshatter/releases/">Browse other versions and checksums</a> +</section> + +<!-- Project Goals? --> + +<section id="contributing"> +<h2>Contributing <a class="self" href="#contributing">§</a></h2> +<p>Project accepts anyone that is interested in contributing in any way that seems helpful. Right now the team consists +of only one person, so the details will need to be worked out naturally. Patches, ideas and bug reports are accepted. +<p>Currently, the best way to engage with the project is through <a href="https://spacesimcentral.com/">Space Sim +Central Forums</a> or <a href="http://www.starshattermods.net/">Starshatter Mods Forums</a>. +<p>Project's main repository is hosted at <a href="https://git.ignore.pl/starshatter/">git.ignore.pl</a>. +</section> + +<section id="community"> +<h2>Community <a class="self" href="#community">§</a></h2> +<p>Other websites that are worth checking out: +<ul> +<li><a href="http://www.starshattermods.net/news.php">Forums at Starshatter Mods</a> +<li><a href="https://spacesimcentral.com/community/starshatter/">Forums at Space Sim Central</a> +<li><a href="https://www.hard-light.net/forums/index.php?board=234.0">Forums at Hard-Light Productions</a> +<li><a href="https://negative-10.com/starshatter/">Index at Negative-10</a> +</ul> +</section> + +<footer> +<p>Hosted and maintained by <a href="https://ignore.pl/">ignore.pl</a> +<p><a href="https://git.ignore.pl/starshatter/tree/NOTICE">Copyright notice</a> +</footer> + +<script src="https://stats.ignore.pl/track.js"></script> diff --git a/media/icon.png b/media/icon.png Binary files differnew file mode 100644 index 0000000..723c645 --- /dev/null +++ b/media/icon.png diff --git a/media/screenshot1.png b/media/screenshot1.png Binary files differnew file mode 100644 index 0000000..37ef625 --- /dev/null +++ b/media/screenshot1.png diff --git a/media/screenshot1s.png b/media/screenshot1s.png Binary files differnew file mode 100644 index 0000000..ec421a6 --- /dev/null +++ b/media/screenshot1s.png diff --git a/media/screenshot2.png b/media/screenshot2.png Binary files differnew file mode 100644 index 0000000..ddfd1b6 --- /dev/null +++ b/media/screenshot2.png diff --git a/media/screenshot2s.png b/media/screenshot2s.png Binary files differnew file mode 100644 index 0000000..5830a01 --- /dev/null +++ b/media/screenshot2s.png diff --git a/media/screenshot3.png b/media/screenshot3.png Binary files differnew file mode 100644 index 0000000..f91da8e --- /dev/null +++ b/media/screenshot3.png diff --git a/media/screenshot3s.png b/media/screenshot3s.png Binary files differnew file mode 100644 index 0000000..c364ef5 --- /dev/null +++ b/media/screenshot3s.png diff --git a/media/screenshot4.png b/media/screenshot4.png Binary files differnew file mode 100644 index 0000000..d9daec4 --- /dev/null +++ b/media/screenshot4.png diff --git a/media/screenshot4s.png b/media/screenshot4s.png Binary files differnew file mode 100644 index 0000000..b4f18a6 --- /dev/null +++ b/media/screenshot4s.png diff --git a/media/screenshot5.png b/media/screenshot5.png Binary files differnew file mode 100644 index 0000000..290180f --- /dev/null +++ b/media/screenshot5.png diff --git a/media/screenshot5s.png b/media/screenshot5s.png Binary files differnew file mode 100644 index 0000000..1b46e22 --- /dev/null +++ b/media/screenshot5s.png diff --git a/media/screenshot6.png b/media/screenshot6.png Binary files differnew file mode 100644 index 0000000..9031c9c --- /dev/null +++ b/media/screenshot6.png diff --git a/media/screenshot6s.png b/media/screenshot6s.png Binary files differnew file mode 100644 index 0000000..1d34c18 --- /dev/null +++ b/media/screenshot6s.png diff --git a/media/star.png b/media/star.png Binary files differnew file mode 100644 index 0000000..07ca2f9 --- /dev/null +++ b/media/star.png diff --git a/style.css b/style.css new file mode 100644 index 0000000..5ae5c52 --- /dev/null +++ b/style.css @@ -0,0 +1,212 @@ +@font-face { + font-family: 'OPTIEdgarBold-Extended'; + src: + url('fonts/subset-OPTIEdgarBold-Extended.woff') format('woff'), + url('fonts/subset-OPTIEdgarBold-Extended.ttf') format('truetype'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +body { + font-family: sans-serif; + font-size: 16px; + max-width: 48em; + min-width: 20em; + margin: 1em auto 8em auto; + padding: 0 2em; + background-color: #111; + color: #eee; +} + +nav { + display: flex; + align-items: center; + flex-direction: row; + flex-wrap: wrap; +} + +nav > a { + flex: 1; + min-width: fit-content; + text-align: center; + display: block; + padding: 0.3em 0.8em; + border: 1px solid #222; + margin: 0.3em; + color: #666; + text-decoration: none; + transition: all 100ms; +} + +nav > a:hover { + background-color: #0a638d; + border-color: #0e84bb; + color: #eee; +} + +nav > a:active { + background-color: #8d810a; + border-color: #bbb80e; + color: #eee; +} + +header { + padding: 6em 0; + text-align: center; + +} + +.star { + display: inline-block; + position: relative; +} + +.star > * { + position: absolute; + width: 287px; + height: 287px; + left: -148px; + top: calc(-143.5px + -0.4em); + background-image: url(media/star.png); + background-repeat: no-repeat; + background-position: center; + z-index: -1; +} + +h1 { + font-family: 'OPTIEdgarBold-Extended', sans-serif; + color: black; + font-size: 220%; + letter-spacing: 0.32em; + text-shadow: + 0 0 0.4em #ffffffa1, + 0.02em 0 0.1em #fff, + -0.02em 0 0.1em #fff, + 0 0.02em 0.1em #fff, + 0 -0.02em 0.1em #fff, + 0.014em 0.014em 0.1em #fff, + -0.014em 0.014em 0.1em #fff, + 0.014em -0.014em 0.1em #fff, + -0.014em -0.014em 0.1em #fff; + text-transform: uppercase; + line-height: 1; +} + +.subtitle { + font-size: 34%; + letter-spacing: 1em; + color: #296c8b; + text-shadow: none; + font-family: sans-serif; +} + +section { + padding: 1em 1em 1.5em 1em; +} + +section > :first-child { + margin-top: 0; +} + +section > :last-child { + margin-bottom: 0; +} + +section .self { + font-weight: normal; + float: right; + color: #0a638d; + transition: all 100ms; +} + +#downloads { + margin-left: -0.2em; + border-left: 0.2em solid #0e84bb; + background-color: #171717; + margin-bottom: 1em; +} + +section p, +section ul, +section ol { + line-height: 1.32; +} + +strong, +h2, h3 { + color: #fff; +} + +footer { + margin-top: 3em; + text-align: center; + font-size: 80%; + color: #aaa; +} + +footer p { + margin: 0; +} + +.gallery { + display: flex; + flex-wrap: wrap; +} + +.gallery > * { + display: block; + margin: 0.3em; + border: 2px solid #333; + flex: 1; + min-width: 12em; + transition: all 100ms; +} + +.gallery > :hover { + border-color: #555; +} + +.gallery > :active { + border-color: #777; +} + +.gallery img { + display: block; + width: 100%; +} + +.gallery { + margin-bottom: 1em; +} + +p a:link, +ul a:link, +p a:visited, +ul a:visited { + color: #15a1e3; + transition: all 100ms; + padding: 0 0.1em; +} + +p a:hover, +ul a:hover, +.self:hover { + background-color: #063e46b8; + color: #51bff3; +} + +p a:active, +ul a:active, +.self:active { + color: #e3df0f; + background-color: #463b07b8; +} + +.centered { + text-align: center; +} + +.smaller { + font-size: 80%; +}
\ No newline at end of file |
