Skip to content

Instantly share code, notes, and snippets.

@zacatac26

zacatac26/index.html

Created October 9, 2018 04:14
Show Gist options
  • Save zacatac26/d5733e9289be157982a448a03bda6711 to your computer and use it in GitHub Desktop.
Save zacatac26/d5733e9289be157982a448a03bda6711 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Allies of the Destiny Universe</title>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
<meta name="description" content="Destiny Universe is a new player friendly source of information for all things Destiny.
It includes info on Destiny 1 and Destiny 2 and helps introduce the player to the game before they start playing.
It is still a great resource after they have finished the game.">
<style id="jsbin-css">
/* Background image */
body {
background-image: url("../images/background.jpg");
/* Source: https://i.ytimg.com/vi/vYTBd8_hyCQ/maxresdefault.jpg */
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
#banner {
margin-left: auto;
margin-right: auto;
text-align: center;
height: 150px;
width: 40%;
}
/* Navigation Menu */
.navMenu {
width: 40%;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
.navMenu ul {
text-align: center;
list-style-type: none;
}
.navMenu li {
display: inline;
font-family: "Times New Roman", Times, serif;
border-right: 1px solid black;
padding: 0px 20px;
}
.navMenu li a {
color: black;
text-decoration: none;
}
.navMenu li a:hover {
background-color: gray;
color: white;
}
/* Page Content */
.mainContent {
display: block;
margin-left: auto;
margin-right: auto;
background: rgba(255, 255, 255, 0.70);
width: 40%;
min-height: 400px;
padding: 5px;
}
.mainContent h2 {
text-align: center;
font-family: "Times New Roman", Times, serif
}
h1 {
text-align: center;
font-family: fantasy;
}
p {
font-family: "Times New Roman", Times, serif
}
#blackgarden {
display: block;
margin-left: auto;
margin-right: auto;
height: 180px;
width: 60%;
}
#mainText {
text-align: center;
font-family: "Times New Roman", Times, serif
}
.imageText {
font-size: 10px;
margin-top: 0px;
text-align: center;
}
.parText {
font-family: "Times New Roman", Times, serif;
text-align: center;
}
.mainContent a {
color: black;
}
.mainContent a:hover {
background-color: gray;
color: white;
}
.lpic {
list-style-type: none;
}
.picl {
float: left;
padding-right: 30px;
}
.clear {
clear: left;
list-style-type: none;
}
#comment {
width: 350px;
height: 60px;
word-wrap: break-word;
word-break: break-all;
}
.dpic {
float: left;
padding-right: 5px;
padding-bottom: 10px;
padding-top: 10px;
}
.dpict {
float: left;
padding-right: 30px;
padding-bottom: 10px;
padding-top: 10px;
}
.sqpic {
float: left;
padding-right: 70px;
padding-bottom: 10px;
padding-top: 10px;
}
.fleft {
float: left;
}
.fright {
float: right;
}
/* page footer */
#footer {
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
padding: 5px;
}
#footercopy {
float: left;
}
#footeremail {
float: right;
}
#footer li a {
color: black;
text-decoration: none;
}
#footer a:link {
text-decoration: none;
color: black;
}
</style>
</head>
<body>
<div id="banner">
<a href="home.html"><img src="images/banner.jpg" alt="Destiny Universe Home"></a>
<!-- Source: Zachary Walrod, PhotoShop Document -->
</div>
<div class="navMenu">
<nav>
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="player.html">PLAYER</a></li>
<li><a href="allies.html">ALLIES</a></li>
<li><a href="enemies.html">ENEMIES</a></li>
<li><a href="locations.html">LOCATIONS</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="mainContent">
<!-- Source: http://destiny.wikia.com/wiki/Destiny_Wiki -->
<!-- Source: https://www.destinypedia.com/ -->
<h2>
Allies of Destiny
</h2>
<h4>
<a href="http://destiny-grimoire.info/#Card-102010">Human</a>
</h4>
<p>
Humans are a sentient species native to Earth. They take a no-nonsense approach, a tough and stern outlook with a goal of rebuilding civilization as quickly as possible.
</p>
<dl>
<!-- All Images Sourced from: http://destiny.wikia.com/wiki/Destiny_Wiki -->
<!-- All Images Sourced from: http://planetdestiny.com/ -->
<dt>
<img src="images/allies/amanda.png" class="dpict" height="100" width="75" title="Amanda Holliday" alt="Ally name: Amanda Holliday">
</dt>
<dd>
<br>Amanda Holliday is a non-player character located within the Tower. Holliday is a human,
but does not wear armor associated with any particular Guardian class. She sells jumpships and Sparrows to players.
She also gives quests and bounties during the Sparrow Racing League event.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/vance.jpg" class="dpict" height="100" width="75" title="Brother Vance" alt="Ally name: Brother Vance">
</dt>
<dd>
<br>Brother Vance is the Trials of Osiris vendor in the Vestian Outpost and a member of the Osiris cult. He is blind.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/eva.png" class="dpict" height="100" width="75" title="Eva Levante" alt="Ally name: Eva Levante">
</dt>
<dd>
<br>While Eva Lavante was making her way to the safety of The City, she saw her husband, child, neighbors, and friends all die.
As such, she considers the Festival of the Lost to be particularly important.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/hideo.png" class="dpict" height="100" width="75" title="Executor Hideo" alt="Ally name: Executor Hideo">
</dt>
<dd>
<br>Executor Hideo is a non-player character located within the Tower. Hideo is a Human, but does not wear armor associated with any particular Guardian Class.
Hideo is the representative of New Monarchy, and sells a variety of New Monarchy-branded armor, weapons, and emblems intended for use in the Crucible.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/ikora.png" class="dpict" height="100" width="75" title="Ikora Rey" alt="Ally name: Ikora Rey">
</dt>
<dd>
<br>Ikora Rey is the Warlock Vanguard in the Tower. Rey sells a variety of Warlock armor (including Vanguard armor) and emblems.
All Guardians can purchase and own these items regardless of their class, but only Warlocks can equip Warlock armor.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/devrim.png" class="dpict" height="100" width="75" title="Devrim Kay" alt="Ally name: Devrim Kay">
</dt>
<dd>
<br>Devrim Kay VIII is a human male who acts as a European Dead Zone scout, helping to aid the Guardians in their recovery efforts.
As a former member of the Forces of the City, he has a lot of experience fighting the enemies of humanity. He is an old friend of Suraya Hawthorne.
Devrim provides missions for Guardians to undertake in his church outpost within the Trostland. He is something of a linguist,
prone to going on long tangents about City and Fallen dialects if given the opportunity, and is fond of tea.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/hawthorne.png" class="dpict" height="100" width="75" title="Suraya Hawthorne" alt="Ally name: Suraya Hawthorne">
</dt>
<dd>
<br>Suraya Hawthorne is a human female sniper who left the Last City as a teenager to seek a new purpose. By the events of Destiny 2,
in the wake of the Red Legion invasion, she has discovered a way to lead humanity into an improved way of life.
She has taken up residence in the newly established Farm in the European Dead Zone, working closely in conjunction with the Vanguard throughout the Red War.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/sloane.png" class="dpict" height="100" width="75" title="Sloane" alt="Ally name: Sloane">
</dt>
<dd>
<br>Deputy Commander Sloane is a female Guardian of the Last City who serves as a Vanguard Scout.
During the early City Age, Sloane was present during the construction of the wall, where she was seen helping Lord Shaxx
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/shaxx.png" class="dpict" height="100" width="75" title="Lord Shaxx" alt="Ally name: Lord Shaxx">
</dt>
<dd>
<br>Lord Shaxx is the Crucible Handler located in the Tower. He sells a variety of high-level armor to Guardians.
He also serves as the announcer during Crucible matches.
</dd>
<dd class="clear"></dd>
</dl>
<h4>
<a href="http://destiny-grimoire.info/#Card-102020">Awoken</a>
</h4>
<p>
The Awoken are a bluish-gray-skinned player species in Destiny. They are descendants of Humans who, during the Collapse,
tried to run to the far edges of known space to escape The Darkness. Something mysterious and strange happened
to them at the edge of Human-controlled space, which altered them forever.
</p>
<dl>
<dt>
<img src="images/allies/arach.png" class="dpict" height="100" width="75" title="Arach Jalaal" alt="Ally name: Arach Jalaal">
</dt>
<dd>
<br>Arach Jalaal is a non-player character located within the Tower. Jalaal is an Awoken, but does not wear armor associated
with any particular Guardian Class. Jalaal is the representative of Dead Orbit, and sells a variety of Dead Orbit-branded armor,
weapons, and emblems intended for use in the Crucible.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/zavala.png" class="dpict" height="100" width="75" title="Commander Zavala" alt="Ally name: Commander Zavala">
</dt>
<dd>
<br>Commander Zavala is the Titan Vanguard in the Tower. Zavala sells a variety of Titan armor (including Vanguard armor) and emblems.
All Guardians can purchase and own these items regardless of their class, but only Titans can equip Titan armor.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/mara.jpg" class="dpic" height="100" width="100" title="Mara Sov" alt="Ally name: Mara Sov">
</dt>
<dd>
<br>Mara Sov is the queen of the Awoken in The Reef. She is regularly assisted by her brother,
Uldren Sov, who acts as her confidant, enforcer, and adviser.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/rahool.png" class="dpict" height="100" width="75" title="Master Rahool" alt="Ally name: Master Rahool">
</dt>
<dd>
<br>Master Rahool is the Cryptarch of the Tower who sells and decodes engrams and exchanges enemy artifacts for Glimmer.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/petra.png" class="dpict" height="100" width="75" title="Petra Venj" alt="Ally name: Petra Venj">
</dt>
<dd>
<br>Petra Venj serves the Queen of the Awoken, directing the allies of the Reef in the Queen's service.
Petra is the Queen's Wrath vendor in the Vestian Outpost. She sells bounties, emblems, shaders, weapons, and jumpships.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/tess.png" class="dpict" height="100" width="75" title="Tess Everis" alt="Ally name: Tess Everis">
</dt>
<dd>
<br>Tess Everis is an Awoken merchant on the Tower Plaza. She runs the Eververse Trading Company.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/uldren.png" class="dpic" height="100" width="100" title="Uldren Sov" alt="Ally name: Uldren Sov">
</dt>
<dd>
<br>Uldren Sov is Queen Mara Sov's brother and confidant, wielding substantial power in The Reef's monarchy.
</dd>
<dd class="clear"></dd>
</dl>
<h4>
<a href="http://destiny-grimoire.info/#Card-102030">Exo</a>
</h4>
<p>
Exos are a species of humanoid machines, both for players and non-player characters, in Destiny.
</p>
<dl>
<dt>
<img src="images/allies/banshee.png" class="dpict" height="100" width="75" title="Banshee-44" alt="Ally name: Banshee-44">
</dt>
<dd>
<br>Banshee-44 is the gunsmith in the Tower and sells weapons, ammo syntheses, and weapon telemetries.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/cayde.png" class="dpict" height="100" width="75" title="Cayde-6" alt="Ally name: Cayde-6">
</dt>
<dd>
<br>Cayde-6 is the Hunter Vanguard in the Tower. Cayde-6 sells a variety of Hunter armor (including Vanguard armor)
and emblems. All Guardians can purchase and own these items regardless of their class, but only Hunters can equip Hunter armor.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/stranger.jpg" class="dpict" height="100" width="75" title="Exo Stranger" alt="Ally name: Exo Stranger">
</dt>
<dd>
<br>The Exo Stranger is a female Exo who is interested in the Guardian's activities.
</dd>
<dd class="clear"></dd>
<dt>
<img src="images/allies/lakshmi.png" class="dpict" height="100" width="75" title="Lakshmi-2" alt="Ally name: Lakshmi-2">
</dt>
<dd>
<br>Lakshmi-2 is the Future War Cult faction vendor located within the Tower. Lakshmi-2 is an Exo, but she does not wear armor associated with any particular Guardian Class.
Lakshmi-2 is the representative of Future War Cult, and sells a variety of FWC-branded armor, weapons, and emblems intended for use in the Crucible.
</dd>
<dd class="clear"></dd>
</dl>
</div>
<div id="footer">
<h3 id="footercopy">
© Destiny Universe 2015, <a href="sitemap.html">SITEMAP</a>
</h3>
<h3 id="footeremail">
<a href="mailto:zwalrod@student.cscc.edu">zwalrod@student.cscc.edu</a>
</h3>
</div>
<script id="jsbin-source-css" type="text/css">/* Background image */
body {
background-image: url("../images/background.jpg");
/* Source: https://i.ytimg.com/vi/vYTBd8_hyCQ/maxresdefault.jpg */
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
#banner {
margin-left: auto;
margin-right: auto;
text-align: center;
height: 150px;
width: 40%;
}
/* Navigation Menu */
.navMenu {
width: 40%;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
.navMenu ul {
text-align: center;
list-style-type: none;
}
.navMenu li {
display: inline;
font-family: "Times New Roman", Times, serif;
border-right: 1px solid black;
padding: 0px 20px;
}
.navMenu li a {
color: black;
text-decoration: none;
}
.navMenu li a:hover {
background-color: gray;
color: white;
}
/* Page Content */
.mainContent {
display: block;
margin-left: auto;
margin-right: auto;
background: rgba(255, 255, 255, 0.70);
width: 40%;
min-height: 400px;
padding: 5px;
}
.mainContent h2 {
text-align: center;
font-family: "Times New Roman", Times, serif
}
h1 {
text-align: center;
font-family: fantasy;
}
p {
font-family: "Times New Roman", Times, serif
}
#blackgarden {
display: block;
margin-left: auto;
margin-right: auto;
height: 180px;
width: 60%;
}
#mainText {
text-align: center;
font-family: "Times New Roman", Times, serif
}
.imageText {
font-size: 10px;
margin-top: 0px;
text-align: center;
}
.parText {
font-family: "Times New Roman", Times, serif;
text-align: center;
}
.mainContent a {
color: black;
}
.mainContent a:hover {
background-color: gray;
color: white;
}
.lpic {
list-style-type: none;
}
.picl {
float: left;
padding-right: 30px;
}
.clear {
clear: left;
list-style-type: none;
}
#comment {
width: 350px;
height: 60px;
word-wrap: break-word;
word-break: break-all;
}
.dpic {
float: left;
padding-right: 5px;
padding-bottom: 10px;
padding-top: 10px;
}
.dpict {
float: left;
padding-right: 30px;
padding-bottom: 10px;
padding-top: 10px;
}
.sqpic {
float: left;
padding-right: 70px;
padding-bottom: 10px;
padding-top: 10px;
}
.fleft {
float: left;
}
.fright {
float: right;
}
/* page footer */
#footer {
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
padding: 5px;
}
#footercopy {
float: left;
}
#footeremail {
float: right;
}
#footer li a {
color: black;
text-decoration: none;
}
#footer a:link {
text-decoration: none;
color: black;
}</script>
</body>
</html>
Raw
jsbin.sujawiy.css
/* Background image */
body {
background-image: url("../images/background.jpg");
/* Source: https://i.ytimg.com/vi/vYTBd8_hyCQ/maxresdefault.jpg */
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
#banner {
margin-left: auto;
margin-right: auto;
text-align: center;
height: 150px;
width: 40%;
}
/* Navigation Menu */
.navMenu {
width: 40%;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
.navMenu ul {
text-align: center;
list-style-type: none;
}
.navMenu li {
display: inline;
font-family: "Times New Roman", Times, serif;
border-right: 1px solid black;
padding: 0px 20px;
}
.navMenu li a {
color: black;
text-decoration: none;
}
.navMenu li a:hover {
background-color: gray;
color: white;
}
/* Page Content */
.mainContent {
display: block;
margin-left: auto;
margin-right: auto;
background: rgba(255, 255, 255, 0.70);
width: 40%;
min-height: 400px;
padding: 5px;
}
.mainContent h2 {
text-align: center;
font-family: "Times New Roman", Times, serif
}
h1 {
text-align: center;
font-family: fantasy;
}
p {
font-family: "Times New Roman", Times, serif
}
#blackgarden {
display: block;
margin-left: auto;
margin-right: auto;
height: 180px;
width: 60%;
}
#mainText {
text-align: center;
font-family: "Times New Roman", Times, serif
}
.imageText {
font-size: 10px;
margin-top: 0px;
text-align: center;
}
.parText {
font-family: "Times New Roman", Times, serif;
text-align: center;
}
.mainContent a {
color: black;
}
.mainContent a:hover {
background-color: gray;
color: white;
}
.lpic {
list-style-type: none;
}
.picl {
float: left;
padding-right: 30px;
}
.clear {
clear: left;
list-style-type: none;
}
#comment {
width: 350px;
height: 60px;
word-wrap: break-word;
word-break: break-all;
}
.dpic {
float: left;
padding-right: 5px;
padding-bottom: 10px;
padding-top: 10px;
}
.dpict {
float: left;
padding-right: 30px;
padding-bottom: 10px;
padding-top: 10px;
}
.sqpic {
float: left;
padding-right: 70px;
padding-bottom: 10px;
padding-top: 10px;
}
.fleft {
float: left;
}
.fright {
float: right;
}
/* page footer */
#footer {
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
padding: 5px;
}
#footercopy {
float: left;
}
#footeremail {
float: right;
}
#footer li a {
color: black;
text-decoration: none;
}
#footer a:link {
text-decoration: none;
color: black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment