Skip to content

Commit

Permalink
First Version Finished
Browse files Browse the repository at this point in the history 
First version is just to test out the mobile layout (tested using iPhone SE dimensions).
  • Loading branch information
@703337
703337 committed Apr 4, 2024
1 parent 2566cb7 commit 5d9fe59
Show file tree
Hide file tree
Showing 8 changed files with 200 additions and 15 deletions.
5 changes: 5 additions & 0 deletions copyright.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
The FontStruction “Insaniquarium Inspired” (https://fontstruct.com/fontstructions/show/1338823) by Jonathan Steele is licensed under a Creative Commons CC0 Public Domain Dedication license (http://creativecommons.org/publicdomain/zero/1.0/).

The font "Jungle Fever NF" was made by Nick Curtis at Nick Font's (https://www.nicksfonts.com/) [Used under paid license] <-- This font must be paid for, do this later.

The image "fish.jpg" is the Insaniquarium v1.0 icon © PopCap Games 2006.
51 changes: 39 additions & 12 deletions css/defaultstyle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
@font-face {
font-family: JungleFever;
src: url(../fonts/junglefe.ttf);
src: url(../fonts/junglefe.otf); /* Fallback */
}

@font-face {
Expand All @@ -10,40 +11,66 @@
}

/* Container Styles */
body {
text-align: center;
article {
border-bottom: 1px solid black;
}

header {
border: 1px solid black;
body {
text-align: center;
}

nav {
border: 1px solid black;
footer {
background-color: white;
border-top: 1px solid black;
position: fixed;
bottom: 0;
width: 100%;
}

body {
border: 1px solid black;
header {
border-top: 1px solid black;
}

footer {
border: 1px solid black;
position: absolute;
nav {
border-bottom: 1px solid black;
border-top: 1px solid black;
}

/* Text Styles */
h1 {
h1, h2, h3 {
font-family: JungleFever;
}

h1.Name, h2.Name, h3.Name {
margin-bottom: 5px;
margin-top: 0px;
}

p {
font-family: Arial, Helvetica, sans-serif;
}

p.Author {
margin-top: 5px;
margin-bottom: 0px;
}

p.Description {
margin: 15px;
}

/* Interactive Styles */
button {
font-family: JungleFever;
margin: 10px;
text-decoration: none;
width: 100px;
}

/* Other Styles */
img.Preview {
border: 1px solid black;
height: 120px;
margin: 15px;
width: 160px;
}
Binary file added fonts/junglefe.otf
View file
Binary file not shown.
Binary file added images/misc/fish.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 28 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,15 +22,40 @@
<h1>InsaniModding</h1>
<nav>
<a href="index.html"><button>Home</button></a>
<a href=""><button>Mods</button></a>
<a href=""><button>Tools</button></a>
<a href="mods.html"><button>Mods</button></a>
<a href="tools.html"><button>Tools</button></a>
</nav>
</header>

<main>
<p>Oops! Looks like this is just a layout test...</p>
<article>
<h2>Home</h2>
</article>
<p>Oops! Looks like this is just ...</p>
<p>Looks like this is just a ...</p>
<p>like this is just a layout ...</p>
<p>this is just a layout test...</p>
<p>Oops! is just a layout test...</p>
<p>Oops! Looks just a layout test...</p>
<p>Oops! Looks like a layout test...</p>
<p>Oops! Looks like this layout test...</p>
<p>Oops! Looks like this is test...</p>
<p>Oops! Looks like this is just ...</p>
<p>Looks like this is just a ...</p>
<p>like this is just a layout ...</p>
<p>Oops! is just a layout test...</p>
<p>Oops! Looks just a layout test...</p>
<p>Oops! Looks like a layout test...</p>
<p>Oops! Looks like this layout test...</p>
<p>Oops! Looks like this is test...</p>
<p>Come back when there's colours and things!</p>
</main>

<!-- Novelty Hidden Fish -->
<article>
<img width="43px" src="images/misc/fish.png">
</article>

<footer>
<p>Copyright Text (credit PopCap, EA, etc.)</p>
</footer>
Expand Down
2 changes: 2 additions & 0 deletions js/jquery.js
View file

Large diffs are not rendered by default.

63 changes: 63 additions & 0 deletions mods.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A website containing mods and modding tools for PopCap's game Insaniquarium.">
<meta name="keywords" content="modding, games, insaniquarium, aquarium, fish, popcap">
<meta name="author" content="Daemon Aitken">
<!-- Tab -->
<title>InsaniModding - Mods</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/normalise.css">
<link rel="stylesheet" href="css/defaultstyle.css">
<link rel="stylesheet" href="css/screensize.css">
<!-- Scripts -->
<script src="js/jquery.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<h1>InsaniModding</h1>
<nav>
<a href="index.html"><button>Home</button></a>
<a href="mods.html"><button>Mods</button></a>
<a href="tools.html"><button>Tools</button></a>
</nav>
</header>

<main>
<article>
<h2>Mods</h2>
</article>
<article id="ImagineAMod">
<img class="Preview" url="coolimage.png">
<h3 class="Name">Imagine a Mod...</h3>
<p class="Author">Cool Author(s)</p>
<p class="Description">Imagine a mod that was so awesome that your socks burst into flames...</p>
</article>
<article id="ImagineAnotherMod">
<img class="Preview" url="coolimage.png">
<h3 class="Name">Imagine Another Mod...</h3>
<p class="Author">Cool Author(s)</p>
<p class="Description">Imagine a mod that was so awesome that your socks AND your pants burst into flames...</p>
</article>
<article id="ImagineMoreMods">
<img class="Preview" url="coolimage.png">
<h3 class="Name">Imagine More Mods...</h3>
<p class="Author">Cool Author(s)</p>
<p class="Description">Imagine more mods that made EVERYTHING burst into flames...</p>
</article>
</main>

<!-- Novelty Hidden Fish -->
<article>
<img width="43px" src="images/misc/fish.png">
</article>

<footer>
<p>Copyright Text (credit PopCap, EA, etc.)</p>
</footer>
</body>
</html>
63 changes: 63 additions & 0 deletions tools.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A website containing mods and modding tools for PopCap's game Insaniquarium.">
<meta name="keywords" content="modding, games, insaniquarium, aquarium, fish, popcap">
<meta name="author" content="Daemon Aitken">
<!-- Tab -->
<title>InsaniModding - Tools</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/normalise.css">
<link rel="stylesheet" href="css/defaultstyle.css">
<link rel="stylesheet" href="css/screensize.css">
<!-- Scripts -->
<script src="js/jquery.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<h1>InsaniModding</h1>
<nav>
<a href="index.html"><button>Home</button></a>
<a href="mods.html"><button>Mods</button></a>
<a href="tools.html"><button>Tools</button></a>
</nav>
</header>

<main>
<article>
<h2>Tools</h2>
</article>
<article id="ImagineATool">
<img class="Preview" url="coolimage.png">
<h3 class="Name">Imagine a Tool...</h3>
<p class="Author">Cool Author(s)</p>
<p class="Description">Imagine a tool that was so awesome that your socks burst into flames...</p>
</article>
<article id="ImagineAnotherTool">
<img class="Preview" url="coolimage.png">
<h3 class="Name">Imagine Another Tool...</h3>
<p class="Author">Cool Author(s)</p>
<p class="Description">Imagine a tool that was so awesome that your socks AND your pants burst into flames...</p>
</article>
<article id="ImagineMoreTools">
<img class="Preview" url="coolimage.png">
<h3 class="Name">Imagine More Tools...</h3>
<p class="Author">Cool Author(s)</p>
<p class="Description">Imagine more tools that made EVERYTHING burst into flames...</p>
</article>
</main>

<!-- Novelty Hidden Fish -->
<article>
<img width="43px" src="images/misc/fish.png">
</article>

<footer>
<p>Copyright Text (credit PopCap, EA, etc.)</p>
</footer>
</body>
</html>

0 comments on commit 5d9fe59

Please sign in to comment.