Skip to content

Commit

Permalink
Navigation Update
Browse files Browse the repository at this point in the history 
Separated out the main and directory pages
  • Loading branch information
@Immorpher
Immorpher committed Dec 16, 2023
1 parent 1e387e5 commit 3470241
Show file tree
Hide file tree
Showing 4 changed files with 126 additions and 73 deletions.
91 changes: 91 additions & 0 deletions directory.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<title id="title">Directory</title>
<meta property="og:title" content="Directory" />
<meta property="og:site_name" content="Doom 64 Compendium" />
<meta property="og:description" content="Doom 64 Compendium documents the Doom 64 engine, its ports, and how to build content for them." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.doom64.com/" />
<meta property="og:image" content="https://www.doom64.com/d64c.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="scripts.js" type="text/JavaScript"></script>
<link rel="stylesheet" href="style.css" />
<link rel="icon" type="image/x-icon" href="favicon.svg" />
</head>
<body>
<div id="navigation"></div>

<div id="content">

<h1>Directory</h1>
<p>Here is a list of all of the pages currently hosted on the Doom 64 Compendium.</p>

<div class="sidestack">

<div><ul>
<li><a href="index.html">Main Page</a>
<ul>
<li><a href="future.html">Future Additions</a></li>
</ul></li>
<li><a href="directory.html">Directory</a></li>
<li><a href="engines/index.html">Engines</a>
<ul>
<li><a href="engines/portlist.html">Engines and Adaptations List</a></li>
<li><a href="engines/gamemods.html">Gameplay Mods</a></li>
<li><a href="engines/n64compiling.html">Nintendo 64 Compiling</a></li>
<li><a href="engines/passwords/index.html">Passwords</a></li>
</ul></li>
<li><a href="structures/index.html">Structures</a>
<ul>
<li><a href="structures/animdefs.html">ANIMDEFS Lump</a></li>
<li><a href="structures/mapinfo.html">MAPINFO Lump</a></li>
<li><a href="structures/skydefs.html">SKYDEFS Lump</a></li>
</ul></li>
<li><a href="graphics/index.html">Graphics</a>
<ul>
<li><a href="graphics/textures/index.html">Textures</a></li>
<li><a href="graphics/animations/index.html">Animated Textures</a></li>
<li><a href="graphics/sprites/index.html">Sprites</a></li>
<li><a href="graphics/skies/index.html">Sky Graphics</a></li>
</ul></li>
</ul></div>

<div><ul>
<li><a href="contributors/index.html">Contributors</a></li>
<li><a href="maps/index.html">Maps</a>
<ul>
<li><a href="maps/maplist.html">Custom Map List</a></li>
<li><a href="maps/db64/index.html">Doom Builder 64 Setup Guide</a></li>
<li><a href="maps/actions.html">Actions</a></li>
<li><a href="maps/lineflags.html">Linedef Flags</a></li>
<li><a href="maps/sectorspecials.html">Sector Specials</a></li>
<li><a href="maps/sectorflags.html">Sector Flags</a></li>
<li><a href="maps/things.html">Things</a></li>
<li><a href="maps/macros/index.html">Macros</a>
<ul>
<li><a href="maps/macros/macrotutorial.html">Macro Tutorial</a></li>
</ul></li>
<li><a href="maps/switches/index.html">Switches</a></li>
</ul></li>
<li><a href="audio/index.html">Audio</a>
<ul>
<li><a href="audio/music/index.html">Music</a></li>
<li><a href="audio/sounds/index.html">Sounds</a></li>
</ul></li>
<li><a href="links/index.html">Links</a></li>
</ul></div>

</div>

</div>

<div id="footer"></div>
<script>
layout("");
</script>
</body>
</html>
64 changes: 11 additions & 53 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,66 +24,24 @@
<h1>Welcome to the Doom 64 Compendium!</h1>
<p>This is a project to document the Doom 64 engine, its ports, and how to build content for them. It is a continuation of projects such as the Doom 64 EX Wiki, Doom 64 Tech Bible, and other modding guides. Doom 64 Compendium is hosted on GitHub where you can contribute to it, mirror it, and download it here: <a href="https://github.com/Immorpher/doom64/">https://github.com/Immorpher/doom64/</a>.</p>

<h2>Full Directory</h2>
<img src="d64c.png" style="width: 1200px; height: 630px; border-radius: 40px;" alt="A graphic depicting the Doom 64 Compendium as a book with fire on the horizon and a pentagrammed Mars in view."/>

<p>A list of planned updates to the compendium can be found <a href="future.html">here</a>.</p>

<h2>Affiliate Communities</h2>

<div class="sidestack">

<div><ul>
<li><a href="index.html">Directory</a>
<ul>
<li><a href="future.html">Future Additions</a></li>
</ul></li>
<li><a href="engines/index.html">Engines</a>
<ul>
<li><a href="engines/portlist.html">Engines and Adaptations List</a></li>
<li><a href="engines/gamemods.html">Gameplay Mods</a></li>
<li><a href="engines/n64compiling.html">Nintendo 64 Compiling</a></li>
<li><a href="engines/passwords/index.html">Passwords</a></li>
</ul></li>
<li><a href="structures/index.html">Structures</a>
<ul>
<li><a href="structures/animdefs.html">ANIMDEFS Lump</a></li>
<li><a href="structures/mapinfo.html">MAPINFO Lump</a></li>
<li><a href="structures/skydefs.html">SKYDEFS Lump</a></li>
</ul></li>
<li><a href="graphics/index.html">Graphics</a>
<ul>
<li><a href="graphics/textures/index.html">Textures</a></li>
<li><a href="graphics/animations/index.html">Animated Textures</a></li>
<li><a href="graphics/sprites/index.html">Sprites</a></li>
<li><a href="graphics/skies/index.html">Sky Graphics</a></li>
</ul></li>
</ul></div>
<div>
<ul><li><a href="https://discord.gg/Ktxz8nz">Doom 64 Discord</a></li></ul>
</div>

<div><ul>
<li><a href="contributors/index.html">Contributors</a></li>
<li><a href="maps/index.html">Maps</a>
<ul>
<li><a href="maps/maplist.html">Custom Map List</a></li>
<li><a href="maps/db64/index.html">Doom Builder 64 Setup Guide</a></li>
<li><a href="maps/actions.html">Actions</a></li>
<li><a href="maps/lineflags.html">Linedef Flags</a></li>
<li><a href="maps/sectorspecials.html">Sector Specials</a></li>
<li><a href="maps/sectorflags.html">Sector Flags</a></li>
<li><a href="maps/things.html">Things</a></li>
<li><a href="maps/macros/index.html">Macros</a>
<ul>
<li><a href="maps/macros/macrotutorial.html">Macro Tutorial</a></li>
</ul></li>
<li><a href="maps/switches/index.html">Switches</a></li>
</ul></li>
<li><a href="audio/index.html">Audio</a>
<ul>
<li><a href="audio/music/index.html">Music</a></li>
<li><a href="audio/sounds/index.html">Sounds</a></li>
</ul></li>
<li><a href="links/index.html">Links</a></li>
</ul></div>
<div>
<ul><li><a href="https://www.facebook.com/groups/Doom64">Doom 64 Facebook</a></li></ul>
</div>

</div>

<p>A list of planned updates to the compendium can be found <a href="future.html">here</a>.</p>

</div>

<div id="footer"></div>
Expand Down
4 changes: 2 additions & 2 deletions scripts.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@ function layout(depth) {

// Navigation html
let navdata = '\
<img src="'+depth+'title.svg" alt="Doom 64 Compendium" />\
<a href="'+depth+'index.html">Directory</a>\
<span id="navgraphic"><a href="'+depth+'index.html"><img src="'+depth+'title.svg" alt="Main Page"/></a></span>\
<a href="'+depth+'directory.html">Directory</a>\
<a href="'+depth+'engines/index.html">Engines</a>\
<a href="'+depth+'structures/index.html">Structures</a>\
<a href="'+depth+'maps/index.html">Maps</a>\
Expand Down
40 changes: 22 additions & 18 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
--color-bg: #fff;
--color-bg-secondary: #d0d0d0;
--color-bg-tertiary: #e0e0e0;
--color-footer: #555;
--color-footer: #999;
--color-link: #118bee;
--color-link-accent: #54a97f;
--color-link-tertiary: #a0904f;
Expand All @@ -26,7 +26,6 @@
--width-card: 285px;
--width-card-medium: 460px;
--width-card-wide: 800px;
--width-content: 1080px;
}

@media (prefers-color-scheme: dark) {
Expand Down Expand Up @@ -71,7 +70,6 @@ footer,
header,
main {
margin: 0 auto;
max-width: var(--width-content);
padding: 3rem 1rem;
}

Expand Down Expand Up @@ -406,13 +404,6 @@ blockquote footer {
border-radius: 2rem;
}

/* Navigation image */
#navigation img {
margin: 0.5rem 0.5rem 0rem 0.5rem;
width: 10rem;
height: 9.5rem;
}

/* navigation links */
#navigation a {
display: block;
Expand Down Expand Up @@ -456,6 +447,17 @@ blockquote footer {
font-weight: normal;
}

/* Navigation image */

#navgraphic a {
margin: 0;
padding: 0.5rem 0.5rem 0rem 0.5rem;
}

#navgraphic img {
width: 10rem;
height: 9.5rem;
}


/* Vertical orientation */
Expand All @@ -470,14 +472,6 @@ blockquote footer {
padding: 0;
}

#navigation img {
display: block;
width: 6rem;
height: 5.7rem;
float: left;
margin: 0.5rem 0rem 0rem 0.5rem;
}

#navigation a {
display: inline-block;
}
Expand All @@ -494,6 +488,16 @@ blockquote footer {
overflow: hidden;
}

#navgraphic a {
display: block;
float: left;
}

#navgraphic img {
width: 6rem;
height: 5.7rem;
}

.sidestack {
display: inline;
}
Expand Down

0 comments on commit 3470241

Please sign in to comment.