wicslsu.github.io/index.html at master · wicslsu/wicslsu.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://ogp.me/ns/fb#">

  <head>
    <link rel="stylesheet" href="css/main.css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800' rel='stylesheet' type='text/css'>
    <title>WICS Game Jam</title>

    <meta property="og:url" content="http://wicsgamejam.com/" />
    <meta property="og:title" content="LSU Women in Computer Science Game Jam" />
    <meta property="og:description" content="The LSU Women in Computer Science Game Jam is a 48-hour game development competition. Register, like, and share!" />
  </head>

  <body>
    <div class="titleSection" id="title">
      <h1>WICS Game Jam</h1>
      <p class="subtitle">LSU Digital Media Center</p>
      <div class="navHeader">
        <nav>
          <ol>
            <li><a class="button" href="#about">What is a Game Jam?</a></li>
            <li><a class="button" href="#register">Register</a></li>
            <li><a class="button" href="#schedule">Schedule</a></li>
            <li><a class="button" href="#sponsor">Sponsors</a></li>
            <li><a class="button" href="#wics">About WICS</a></li>
          </ol>
        </nav>
      </div>
    </div>

    <div id="about">
      <h2>About</h2>
      <div class="aboutContent">
        <div class="aboutItem">
          <h3>What is a Game Jam?</h3>
            <p>The Women in Computer Science(WICS) Game Jam is an annual event meant to encourage interest in the game development industry. Participants have 48 hours to create a video game from conception to completion. They offer a valuable opportunity to gain both <b>technical skills</b> and <b>network</b>. Game jams are intense, exciting, and a ton of fun!</p>
        </div>
        <div class="aboutItem">
          <h3>What type of games do I create?</h3>
            <p>You can create any kind of game you want, and we're going to announce a theme the day of the event to provide inspiration. WICS wants to help you earn game development, team dynamic, and project experience from this event. You <b>do not need game development experience</b>, but experience in coding, art, or music helps! There will also be tutorials on fast game development provided the day of the event.</p>
        </div>
        <div class="aboutItem">
          <h3>Who can participate?</h3>
            <p>This event is hosted by Women in Computer Science at LSU, but <b>college and high school students of any gender</b> can participate. Students under the age of 18 must be accompanied by a chaperone the whole time they are present at the jam site. You can come <b>with or without a team</b>- we'll match you up with people if you don't have one already! We also need <b>volunteers</b> to help out the day of the event. Register below if you're interested in participating or volunteering!</p>
        </div>
        <p> Would you like to see what has been done at some of the game jams in the past? <a href="pastjams.html">Click here.</a> </p>
      </div>
    </div>


    <div class="parallaxParticipants"></div>

    <div id="register">
      <h2>Register</h2>
          <div class="aboutContent" id="participant" max-width=100% margin=0px height=auto>
            <div class="aboutItem">
              <div style="text-align: left">
                <h3>Participate</h3>
                <h4> Participants gain valuable experience such as... </h4>
                <ul>
                  <li> Team Work Experience! </li>
                  <li> Meeting Deadlines! </li>
                  <li> Learning New Skills! </li>
                  <li> Meeting New People! </li>
                </ul>
              </div>
              <!-- If you are interested in participating, please <a href="https://goo.gl/forms/qKnn87bX4WO3iIvC2"> register here!</a> -->
            </div>
            <div class="aboutItem" id="volunteer" width=100%>
              <h3> Volunteer </h3>
              <h4> Volunteers help make Game Jam run! They gain... </h4>
              <ul>
                <li> Valuable opportunities to network! </li>
                <li> Debugging experience with other teams!</li>
                <li> Experience tutoring teams!</li>
              </ul>
               <!-- If you are interested in volunteering, please <a href="https://goo.gl/forms/RDnbaGrLRtk3Y0yO2"> click here</a>. -->
            </div>
          </div>
    </div>

    <div id="schedule">
      <h2>Schedule</h2>
          <div class="conent">
            <!-- <h3 text-align=center> Check out our schedule for the game jam! <a href="https://docs.google.com/document/d/1JUdWMKNG57IbxNh2ZxFo1fhTt_14eA26595V6QlOqxM/edit?usp=sharing"> Click here! </a></h3> -->
            <h3 text-align=center> The schedule has not been announced for the current year. </h3>
          </div>
    </div>

    <div id="sponsor">
      <h2>Sponsors</h2>
      <div class="aboutContent">
        <div class="aboutItem">
          <p>
            <img src="http://i.imgur.com/PCyJyg6.png" height="100" width="400">
          </p>
        </div>
        <div class="aboutItem">
          <p>
            <img src="http://i.imgur.com/U0iXV3C.png" height="100" width="400">
          </p>
        </div>
        <div class="content">
          <h4>
            <a href="https://docs.google.com/document/d/1OFKY_JAzKwHjyuiCA2I7EtQFDHwGis4x8tgBClDY1MY/edit?usp=sharing">View our Sponsor Information Packet here.</a> Different tiers of sponsorship allow for different rewards, including being listed as a sponsor in text or with your logo, sending recruiters to the event, or even recieving contact information from participants who opted in to share their email or LinkedIn.
          </h4>
        </div>
      </div>
    </div>

    <div class="parallaxVolunteers" height=200px width=200px></div>


    <div id="wics">
      <h2>Women in Computer Science at LSU</h2>
      <div class="content">
        <p><img src="pictures/wicslogo.png" class="wicslogo" alt="WICS logo" height="auto" width="25%" border="0" style="margin-right:20px; margin-bottom:20 px; float:left;">
            Women in Computer Science at LSU is a club aiming to provide an academic, social, and professional community for women studying computer science at LSU. We hold regular tutoring sessions, professional workshops, socials, and other events, all of which are open to LSU students. We're always looking for new members and sponsors; if you're interested, visit our <a href="http://wicslsu.com"> website </a> or contact <a href="ailto:wicslsu@gmail.com"> wicslsu@gmail.com</a>.
        </p>
      </div>
      <div class="content" margin=0>
        <h3 align="middle">Connect with Us!</h3>
        <div class="content">
          <p>
            <a href="mailto:wicslsu@gmail.com" class="connectButton">
              <img src="pictures/SocialMediaIcons/email-icon.png" title="Email: wicslsu@gmail.com" alt="Email: wicslsu@gmail.com" class="connectButton" onmouseover="this.src='pictures/SocialMediaIcons/email-icon2.png';" onmouseout="this.src='pictures/SocialMediaIcons/email-icon.png';"/>
            </a>

            <a href="https://www.facebook.com/wicsgamejam" class="connectButton">
              <img src="pictures/SocialMediaIcons/jam-icon.png" title="Game Jam Facebook Page" alt="https://www.facebook.com/wicsgamejam" class="connectButton" onmouseover="this.src='pictures/SocialMediaIcons/jam-icon2.png';" onmouseout="this.src='pictures/SocialMediaIcons/jam-icon.png';"/>
            </a>

            <!--CREATE FACEBOOK EVENT AND LINK-->
            <a href="#!" class="connectButton">
              <img src="pictures/SocialMediaIcons/fbook-jam-icon.png" class="connectButton" onmouseover="this.src='pictures/SocialMediaIcons/fbook-jam-icon2.png';" onmouseout="this.src='pictures/SocialMediaIcons/fbook-jam-icon.png';"/>
            </a>

            <a href="https://www.facebook.com/wicslsu/" class="connectButton">
              <img src="pictures/SocialMediaIcons/fbook-icon.png" alt="https://www.facebook.com/wicslsu/" title="WICS Facebook" class="connectButton" onmouseover="this.src='pictures/SocialMediaIcons/fbook-icon2.png';" onmouseout="this.src='pictures/SocialMediaIcons/fbook-icon.png';"/>
            </a>

            <a href="https://www.instagram.com/wicslsu/" class="connectButton">
              <img src="pictures/SocialMediaIcons/insta.png" alt="wics instagram" title="WICS Instagram" class="connectButton" onmouseover="this.src='pictures/SocialMediaIcons/insta2.png';" onmouseout="this.src='pictures/SocialMediaIcons/insta.png';"/>
            </a>

            <a href="https://twitter.com/wicslsu/" class="connectButton">
              <img src="pictures/SocialMediaIcons/twit.png" alt="wics twitter" title="WICS Twitter" class="connectButton" onmouseover="this.src='pictures/SocialMediaIcons/twit2.png';" onmouseout="this.src='pictures/SocialMediaIcons/twit.png';"/>
            </a>
          </p>
        </div>
      </div>
    </div>

    <div class="footer">
      <div class="navArrow">
        <a class="footerNavArrow" href="#title">&#9650; Return to top</a>
      </div>
      <p>&#169; 2018 Women in Computer Science at LSU</p>
    </div>

  </body>
</html>