Skip to content

Commit 30f5c10

Browse files
FrenchBurgerFrenchBurger
authored
Merge pull request #2 from csugda/ExpandedWebsiteDylan
Expanded website dylan
2 parents 6d50151 + 32e6cfc commit 30f5c10

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+1833
-155
lines changed

‎artwork.html‎

Lines changed: 140 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,140 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Game Development Association | Artwork </title>
6+
<link rel="stylesheet" type="text/css" href="css/large-size.css">
7+
<link rel="stylesheet" type="text/css" href="css/small-size.css" media="only screen and (max-width:700px)">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
10+
<link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i&display=swap" rel="stylesheet">
11+
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
13+
</head>
14+
<body class = "vega-background">
15+
16+
<script>
17+
18+
$( document ).ready(function() {
19+
$( ".cross" ).hide();
20+
$( ".menu" ).hide();
21+
$( ".hamburger" ).click(function() {
22+
$( ".menu" ).slideToggle( "slow", function() {
23+
$( ".hamburger" ).hide();
24+
$( ".cross" ).show();
25+
});
26+
});
27+
28+
$( ".cross" ).click(function() {
29+
$( ".menu" ).slideToggle( "slow", function() {
30+
$( ".cross" ).hide();
31+
$( ".hamburger" ).show();
32+
});
33+
});
34+
});
35+
36+
</script>
37+
<div id="wrapper" class="navbar">
38+
<header>
39+
<a href="index.html"><img src = "images/gda_logo_white.png" alt = "Game Development Association"></a>
40+
<div class="offscreen"><a href="#content">Skip Navigation</a> </div>
41+
<nav>
42+
<ul>
43+
44+
<li><a href="index.html">Home</a></li>
45+
<li><a href="contact.html">Contact</a></li>
46+
<li><a href="project-vega.html">Project Vega</a></li>
47+
<li><a href="project-sirius.html">Project Sirius</a></li>
48+
<li><a href="project-altair.html">Project Altair</a></li>
49+
<li><a href="hexago.html">Hexago</a></li>
50+
<li><a href="artwork.html">Art Work</a></li>
51+
<li><a href="recommended-apps.html">Recommended Apps</a></li>
52+
<li><a href="oldindex.html">Old Website</a></li>
53+
54+
</ul>
55+
</nav>
56+
<div id="mobile">
57+
<button class="hamburger">&#x2261;</button>
58+
<button class="cross">x</button>
59+
</div>
60+
61+
<div class="menu">
62+
63+
<ul>
64+
<li><a href="index.html">Home</a></li>
65+
<li><a href="contact.html">Contact</a></li>
66+
<li><a href="project-vega.html">Project Vega</a></li>
67+
<li><a href="project-sirius.html">Project Sirius</a></li>
68+
<li><a href="project-altair.html">Project Altair</a></li>
69+
<li><a href="hexago.html">Hexago</a></li>
70+
<li><a href="artwork.html">Art Work</a></li>
71+
<li><a href="recommended-apps.html">Recommended Apps</a></li>
72+
<li><a href="oldindex.html">Old Website</a></li>
73+
</ul>
74+
</div>
75+
<div id = "project-logo">
76+
<p>Artwork<p>
77+
</div>
78+
</header>
79+
<div id="content">
80+
<div id = "main">
81+
<p class = "clear">With so much artwork being developed for the projects of the game development association we had a lot of artwork that ranged from concept art that didn't make it far into development to resources that was created for games but wasn't used because of time constraints.</p>
82+
83+
<div id = project-vega>
84+
<h2>Project Vega Artwork</h2>
85+
<p class = "clear">Here are some of the extra early concepts that was made for project Vega that either didn't necessarily make the cut but helped setup possible ideas for future implementations </p>
86+
<p class = "clear"><img src ="images/ScrapBot-Horizontal-sketch.jpg" alt ="Scrap bot or the Ed, Edd, and Eddy version of Wall-E" class = "float-right">This first robot was one of the very designs created when the game development association. During this time in developing Project Vega we weren't entirely sure what sort of art style we necessarily wanted for the robots. We weren't sure if we wanted a sci fi robot design or if we wanted something that looked scrapped together. This robot was the latter, to the point where we gave the robot the description of "If Wall-E was made by Ed, Edd, and Eddy." This robot was designed by Dylan Plomondon</p>
87+
<p class = "clear"><img src ="images/Amalgamtion-Bot-sketch.jpg" alt ="Amalgamation bot" class = "float-left">Another concept that didn't make the final cut purely because we didn't have the original bots working was the amalgamation bot. This concept also designed by Dylan Plomondon was the idea that if the character died too many times there was a chance an amalgamation of destroyed bots would form to be a rare boss. This specific variation was the combination of the Jerome and Brutis robots designed by Morgan Jones and the Tanker and Wander robots designed by Dylan Plomondon.</p>
88+
<p class = "clear"><img src ="images/hahfa-human.jpg" alt ="Human NPC Project Vega" class = "float-right">Project Vega also had other concepts not fully implemented that weren't designed by Dylan Plomondon such as the NPC character possibly named Jidda (not 100% if that is name we went with, was only actual name I could find) who was originally designed by John Eljaouhari. This would have been the only actual human you would ever meet in the game and would have served as a way to learn a bit more about the world and potentially be an ally if you helped her out.</p>
89+
<p class = "clear"><img src ="images/pidgy.jpg" alt ="Pidgy cybernetic animal sketch" class = "float-left"> The last major concept from Project Vega was the other main enemy type that would have severed as the primary enemies of the game that being cybernetic animals. A few concepts for these creatures were designed one being a robotic pigeon designed by Kaitlin Quick and colored by John Eljaouhari as well as a mastermind cybernetic cat called Chrome Dome which was colored by John Elijaouhari. We never really got to the modeling phase of these characters because of time constraints.<img src ="images/chrome-dome.jpg" alt ="Chrome Dome the Cybernetic cat" class = "float-right">
90+
</p>
91+
92+
</div>
93+
94+
95+
<div id = "project-sirius" class = "clear">
96+
<h2>Project Sirius Artwork</h2>
97+
<p class = "clear">
98+
For project Sirius we didn’t have too much in terms of extra artwork. the only artwork that wasn't included was primarily a few designs for the UI menus.
99+
</p>
100+
<p class = "clear"><img src ="images/AxeIcon-V2.jpg" alt ="Axe UI element" class = "small-size" class = "clear">The UI elements designed for the game were primarily focused on indicating when the character would be able to reuse a certain move or indicate which abilities were currently equipped. Here we have the UI element for the Axe as well as the dash Attack Snow White could use. Both of these were originally designed by Amelia Falldorf.</p><p class = "clear"><img src ="images/DashIcon.jpg" alt ="Dash UI element" class = "small-size"></p>
101+
102+
</div>
103+
104+
<div id = "project-altair" class = "clear">
105+
<h2>Project Altair Artwork</h2>
106+
<p class = "clear">For Project Altair the extra artwork we never really got to adding into the game was the attacking enemies as well as the means in which the turrets were developed that being the building drones and the building animation.</p>
107+
<p class = "clear"><img src ="images/building-animation.gif" alt ="building animation for towers" class = "float-right">When developing Project Altair we originally wanted some restrictions on how fast a tower could become active once it was placed onto the map to further increase strategy as well as prevent the player from building to many towers at a time. This resulted in the team creating a building animation for when a tower was to be built. However, due to time constraints as well as texturing issues, the animation was never fully implemented.</p>
108+
<p class = "clear"><img src ="images/builder-drone-designs.jpg" alt ="builder drone" class = "float-left">Along with the idea of constructing the towers came the idea for the freighter to have constructions bots. They would have been used within the UI to basically show a building period until the most recent tower placed was fully constructed. </p>
109+
<p class = "clear"><img src ="images/missle-launcher-turret-back.jpg" alt ="builder drone" class = "float-right">The only other artwork that wasn't include on the project Altair page were a few extra angles of the two turrets that were built for the game.</p>
110+
</div>
111+
112+
113+
</div>
114+
115+
<div id = "sidebar">
116+
<ul>
117+
<li><div class="image-background"><a href="#content">Content</a></div></li>
118+
<li><div class="image-background"><a href="#project-vega">Project Vega</a></div></li>
119+
<li><div class="image-background"><a href="#project-sirius">Project Sirius</a></div></li>
120+
<li><div class="image-background"><a href="#project-altair">Project Altair</a></div></li>
121+
</ul>
122+
</div>
123+
124+
125+
126+
</div>
127+
<a name = "test"></a>
128+
<div id = "footer">
129+
<div><h3>Upcoming meetings</h3>
130+
<p>We tend to meet on Thursdays in the Visual Arts Building at Colorado State University room F115. The meeting time is from 7:00PM to 8:00PM.</p></div>
131+
132+
<div><h3>Contact Current Team</h3>
133+
<p> If you see any issue or inaccuracies with the site please contact the current team at <a href= "mailto:[email protected]">[email protected]</a>. We will review your issue and make the necessary fixes.</p></div>
134+
<div><h3>Want to Join?</h3>
135+
<p>We are always interested in having new people join our club. Visit our <a href="https://ramlink.campuslabs.com/engage/organization/gamedevelopmentassociation">Ramlink</a> and send us a registration request today.</p></div>
136+
</div>
137+
</div>
138+
139+
</body>
140+
</html>

‎contact.html‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Game Development Association | Contact </title>
6+
<link rel="stylesheet" type="text/css" href="css/large-size.css">
7+
<link rel="stylesheet" type="text/css" href="css/small-size.css" media="only screen and (max-width:700px)">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
10+
<link href="https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i&display=swap" rel="stylesheet">
11+
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
13+
</head>
14+
<body class = "vega-background">
15+
<script>
16+
17+
$( document ).ready(function() {
18+
$( ".cross" ).hide();
19+
$( ".menu" ).hide();
20+
$( ".hamburger" ).click(function() {
21+
$( ".menu" ).slideToggle( "slow", function() {
22+
$( ".hamburger" ).hide();
23+
$( ".cross" ).show();
24+
});
25+
});
26+
27+
$( ".cross" ).click(function() {
28+
$( ".menu" ).slideToggle( "slow", function() {
29+
$( ".cross" ).hide();
30+
$( ".hamburger" ).show();
31+
});
32+
});
33+
});
34+
35+
</script>
36+
<div id="wrapper" class="navbar">
37+
<header>
38+
<a href="index.html"><img src = "images/gda_logo_white.png" alt = "Game Development Association"></a>
39+
<div class="offscreen"><a href="#content">Skip Navigation</a> </div>
40+
41+
<nav>
42+
<ul>
43+
44+
<li><a href="index.html">Home</a></li>
45+
<li><a href="contact.html">Contact</a></li>
46+
<li><a href="project-vega.html">Project Vega</a></li>
47+
<li><a href="project-sirius.html">Project Sirius</a></li>
48+
<li><a href="project-altair.html">Project Altair</a></li>
49+
<li><a href="hexago.html">Hexago</a></li>
50+
<li><a href="artwork.html">Art Work</a></li>
51+
<li><a href="recommended-apps.html">Recommended Apps</a></li>
52+
<li><a href="oldindex.html">Old Website</a></li>
53+
54+
</ul>
55+
</nav>
56+
<div id="mobile">
57+
<button class="hamburger">&#x2261;</button>
58+
<button class="cross">x</button>
59+
</div>
60+
61+
<div class="menu">
62+
63+
<ul>
64+
<li><a href="index.html">Home</a></li>
65+
<li><a href="contact.html">Contact</a></li>
66+
<li><a href="project-vega.html">Project Vega</a></li>
67+
<li><a href="project-sirius.html">Project Sirius</a></li>
68+
<li><a href="project-altair.html">Project Altair</a></li>
69+
<li><a href="hexago.html">Hexago</a></li>
70+
<li><a href="artwork.html">Art Work</a></li>
71+
<li><a href="recommended-apps.html">Recommended Apps</a></li>
72+
<li><a href="oldindex.html">Old Website</a></li>
73+
</ul>
74+
</div>
75+
<div id = "project-logo">
76+
<p>Contact<p>
77+
</div>
78+
</header>
79+
<div id="content">
80+
<div id = "main">
81+
<p>At the current moment there is only two main contacts for the Game Development Association as well as a teaching assistant contact link but they don't necessarly have as much influence in terms of the association.</p>
82+
83+
<div id=dylan-plomondon>
84+
<h2>GDA President Dylan Plomondon</h2>
85+
<p>Dylan Plomondon is the current president of the game development association as well as the primary developer of the new GDA website. He can be reached by emailing the primary GDA email address <a href= "mailto:[email protected]">[email protected]</a>.</p>
86+
<p>Dylan can also be reached by messaging him directly at [email protected] or by sending a message to him on <a href="https://ramlink.campuslabs.com/engage/organization/gamedevelopmentassociation">Ramlink</a>.</p>
87+
</div>
88+
89+
<div id = "jonathan-griego">
90+
<h2>GDA Treasurer Jonathan Griego</h2>
91+
<p>Jonathan Griego is currently the treasurer of the Game Development Association which is a really means he's the Vice President but CSU prefers a President and Treasurer setup.</p>
92+
<p>He can also be messaged on our <a href="https://ramlink.campuslabs.com/engage/organization/gamedevelopmentassociation">Ramlink</a>.</p>
93+
</div>
94+
95+
<div id = "teacher-advisor">
96+
<h2>Teaching Advisor Benjamin Say</h2>
97+
<p>Benjamin Say is the current teacher assistant of the game development association which means they are the teacher involved with the organization. He has a <a href="https://www.cs.colostate.edu/~bsay/">website</a> stating the ways he prefers to be contacted as well as his office hours. </p>
98+
</div>
99+
100+
</div>
101+
<div id = "sidebar">
102+
<ul>
103+
<li><div class="image-background"><a href="#dylan-plomondon">President</a></div></li>
104+
<li><div class="image-background"><a href="#jonathan-griego">Treasurer</a></div></li>
105+
<li><div class="image-background"><a href="#teacher-advisor">Teaching Advisor </a></div></li>
106+
107+
</ul>
108+
</div>
109+
110+
111+
112+
</div>
113+
<a name = "test"></a>
114+
<div id = "footer">
115+
<div><h3>Upcoming meetings</h3>
116+
<p>We tend to meet on Thursdays in the Visual Arts Building at Colorado State University room F115. The meeting time is from 7:00PM to 8:00PM.</p></div>
117+
118+
<div><h3>Contact Current Team</h3>
119+
<p> If you see any issue or inaccuracies with the site please contact the current team at <a href= "mailto:[email protected]">[email protected]</a>. We will review your issue and make the necessary fixes.</p></div>
120+
<div><h3>Want to Join?</h3>
121+
<p>We are always interested in having new people join our club. Visit our <a href="https://ramlink.campuslabs.com/engage/organization/gamedevelopmentassociation">Ramlink</a> and send us a registration request today.</p></div>
122+
</div>
123+
</div>
124+
125+
</body>
126+
127+
</html>

0 commit comments

Comments
 (0)