Added GitHub Pages content

rafaelvcaetano · Apr 15, 2018 · 9d37d3a · 9d37d3a
commit 9d37d3a
Show file tree

Hide file tree

Showing 9 changed files with 407 additions and 0 deletions.
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,50 @@
+@font-face {
+    font-family: Futura;
+    src: url("../fonts/FuturaPTLight.woff") format("woff"),
+         url("../fonts/FuturaPTLight.ttf")  format("truetype");
+}
+
+hr {
+    border-color: grey;
+}
+
+.dark-bg {
+    background-color: #212121;
+}
+.text-white {
+    color: white;
+}
+
+.entry {
+}
+
+.entry * {
+    color: white;
+    font-size: 14pt;
+}
+
+.section-title {
+    font-size: 36pt;
+    line-height: 40pt;
+}
+
+.logo {
+    max-width: 100%;
+}
+
+.font-century-gothic {
+    font-family: "Futura", sans-serif;
+}
+
+#title-app {
+    font-family: "Futura", sans-serif;
+    color: white;
+    font-size: 60pt;
+    letter-spacing: 3px;
+}
+
+#play-store-logo {
+    width: 100%;
+    max-width: 250px;
+    height: auto;
+}
diff --git a/css/w3.css b/css/w3.css
diff --git a/fonts/FuturaPTLight.ttf b/fonts/FuturaPTLight.ttf
diff --git a/fonts/FuturaPTLight.woff b/fonts/FuturaPTLight.woff
diff --git a/img/favicon.ico b/img/favicon.ico
diff --git a/img/howto_window.png b/img/howto_window.png
diff --git a/img/il2integrator-logo.png b/img/il2integrator-logo.png
diff --git a/img/il2logo.png b/img/il2logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>IL-2 Tactical Map</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#111111">
+    <link rel='shortcut icon' type='image/x-icon' href='img/favicon.ico' />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+    <link rel="stylesheet" href="css/w3.css">
+    <link rel="stylesheet" href="css/main.css">
+    <style>
+        body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
+    </style>
+</head>
+<body class="dark-bg">
+
+<!-- w3-content defines a container for fixed size centered content,
+and is wrapped around the whole page content, except for the footer in this example -->
+<div class="w3-content" style="max-width:1400px">
+
+    <!-- Header -->
+    <header class="w3-container w3-center w3-padding-32">
+        <h1 id="title-app">IL-2 INTEGRATOR</h1>
+    </header>
+
+    <!-- Grid -->
+    <div class="w3-row">
+
+        <!-- Blog entries -->
+        <div class="w3-col s12">
+            <!-- Blog entry -->
+            <div class="w3-margin entry">
+                <div class="w3-container">
+                    <a name="il2-app"></a>
+                    <h3><b class="section-title">About</b></h3>
+                </div>
+
+                <div class="w3-container">
+                    <p>The IL-2 Integrator is an integration tool for the game series IL-2 Great
+                    Battles that allows third party tools to include features that aim to improve
+                    the game experience.</p>
+                    <p>Currently the following features are available:</p>
+                    <ul>
+                        <li>Career integration</li>
+                        <li>PWCG integration</li>
+                    </ul>
+                </div>
+            </div>
+            <hr>
+
+            <!-- Blog entry -->
+            <div class="w3-margin entry">
+                <div class="w3-container">
+                    <a name="il2-app"></a>
+                    <h3><b class="section-title">Installing</b></h3>
+                </div>
+
+                <div class="w3-container">
+                    <p>To install the IL-2 Integrator, simply download the latest release and extract
+                        it to the game's root folder. The root folder could be one of the following:</p>
+                    <ul>
+                        <li>C:\Program Files (x86)\IL-2 Sturmovik Battle of Stalingrad</li>
+                        <li>C:\Program Files (x86)\Steam\steamapps\common\IL-2 Sturmovik Battle of Stalingrad</li>
+                    </ul>
+                </div>
+            </div>
+            <hr>
+
+            <!-- Blog entry -->
+            <div class="w3-margin entry">
+                <div class="w3-container">
+                    <a name="il2-app"></a>
+                    <h3><b class="section-title">How to use</b></h3>
+                </div>
+
+                <div class="w3-container">
+                    <p>To use the IL-2 Integrator, simply launch the application. The following window
+                    will appear. The displayed IP address is the one that you can use when requested
+                    by third party tools. If the "Launch IL-2" button is disabled, this means that
+                    the integrator was extracted into the wrong directory.</p>
+                    <img src="img/howto_window.png">
+                    <p>After that, leave the application running in the background and play the game.
+                        It is not necessary to launch the game through the provided button.</p>
+                </div>
+            </div>
+            <hr>
+
+            <!-- Blog entry -->
+            <div class="w3-margin entry">
+                <div class="w3-container">
+                    <a name="il2-app"></a>
+                    <h3><b class="section-title">Download</b></h3>
+                </div>
+
+                <div class="w3-container">
+                    <p>You can find the latest releases on <a href="https://github.com/rafaelvcaetano/il2integrator/releases">GitHub</a>.</p>
+                    <p>Releases</p>
+                    <ul>
+                        <li>Version 1.0 - <a href="https://github.com/rafaelvcaetano/il2integrator/releases/download/v1.0/il2integrator-1.0.zip">Download</a></li>
+                    </ul>
+                </div>
+            </div>
+            <hr>
+
+            <!-- Blog entry -->
+            <div class="w3-margin entry">
+                <div class="w3-container">
+                    <a name="il2-app"></a>
+                    <h3><b class="section-title">It's open source!</b></h3>
+                </div>
+
+                <div class="w3-container">
+                    <p>The full source code is available on <a href="https://github.com/rafaelvcaetano/il2integrator">GitHub</a>.
+                    Feel free the explore, modify and use it. Contributions are welcome with improvements
+                    or new features.</p>
+                </div>
+            </div>
+        </div>
+        <!-- END GRID -->
+    </div><br>
+
+    <!-- END w3-content -->
+</div>
+</body>
+</html>