@GatorGirl/

GatorCrossing

HTML, CSS, JS

Website dedicated to providing information about UF student orgs, volunteer opportunities, events, study groups, and more.

fork
loading
Files
  • index.html
  • images
  • classOf2023.html
  • events.html
  • exploreEngineering.html
  • freeFoodWatch.html
  • majorOrgInfo.html
  • miscInfo.html
  • missingEvent.html
  • requestStudyGroup.html
  • requestSurvey.html
  • script.js
  • studentResearch.html
  • studyGroup.html
  • style.css
  • styleMobile.css
  • survey.html
index.html
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
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Gator Crossing</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css" media="screen"/>
    <link rel="stylesheet" href="styleMobile.css" media="only screen and (max-width: 480px)"/>
    <link href="https://fonts.googleapis.com/css?family=Vast+Shadow&display=swap" rel="stylesheet"> 
    <link rel="icon" href="images/gatorFavicon.ico" type="image/x-icon">
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js">
    </script>
    <![endif]-->
  </head>
  <body>
    
    <header role="banner" id="defaultTitle">
      <a href="index.html"><img src="images/topOfPageWaveWithLogo.png" width="100%" height="100%" alt="Gator Crossing"></a>
    </header>
    <div class="logo" id="defaultTitleMobile">
        <a href="index.html"><img src="images/GatorCrossingLogo.png" width="30%" height="30%" alt="Gator Crossing"></a>
      </div>
    <h1 id="cbTitle" style="display: none;"><a href="index.html">Gator Crossing</a></h1>
    <!--<div class="logo">
      <a class="logo" href="index.html"><img src="images/GatorCrossingLogo.png" width="30%" height="30%" alt="Gator Crossing" id="defaultTitleMobile"></a>
    </div>-->
    
    

    <nav role="navigation">
      <div class="wrapper">
        <a href="index.html">Home</a>
        <a href="majorOrgInfo.html">Involvement</a>
        <a href="studyGroup.html">Study Groups</a>
        <a href="studentResearch.html">Student Research</a>
        <a href="events.html">Events</a>
        <a href="freeFoodWatch.html">Free Food Watch</a>
        <a href="miscInfo.html">Miscellaneous</a>
        <!--<a href="classOf2023.html">Class of 2023</a>-->
      </div>
    </nav>
    <main role="main">
      <div id="headline">
        <img role="img" src="images/StartSemesterBanner.png" class="screen" width="50%" height="50%" alt="Welcome Home, Class of 2023">
        <img role="img" src="images/StartSemesterBanner.png" class="mobile" width="100%" height="100%" alt="Welcome Home, Class of 2023">
      </div>
      <div id="alternate" style="display: none;">
        <h1>Have a Great Semester!</h1>
      </div>

      <script>
      function colorBlindMode() 
      {
        var x = document.getElementById("headline");
        var y = document.getElementById("alternate");
        var a = document.getElementById("redHeart");
        var b = document.getElementById("cbHeart");
        var c = document.getElementById("defaultTitle");
        var d = document.getElementById("defaultTitleMobile");
        //var d = document.getElementById("defaultTitleMobile");
        var e = document.getElementById("cbTitle");
        if (x.style.display === "none") 
        {
          x.style.display = "block";
          y.style.display = "none";
          a.style.display = "block";
          b.style.display = "none";
          if(screen.width <= 480)
          {
            c.style.display = "none";
            d.style.display = "block";
          }
          else
          {
            c.style.display = "block";
            d.style.display = "none";
          }
          e.style.display = "none";
        } 
        else 
        {
          x.style.display = "none";
          y.style.display = "block";
          a.style.display = "none";
          b.style.display = "block";
          c.style.display = "none";
          d.style.display = "none";
          e.style.display = "block";
        }
      }
      </script>
      <br>
      <br>
      <div class="funClub">
        <h4>This week's fun club is...</h4>
        <p><img src="images/BubbleGator-Bigger_Cropped.png" style="float:left;">
        <strong>Gator Anime</strong>. The Gator Anime Club is a social club with members that all enjoy Japanses anime and pop culture. Gator Anime also hosts the annual SwampCon convention in the Reitz Union. More information is avalible on <a href="https://www.facebook.com/groups/GatorAnime/">Facebook.</a></p>
      </div>
      <br>
      <br>
      <div class="funClub">
        <h4>This week's F Book Tradition is...</h4>
        <p><img src="images/BookGator_Cropped.png" style="float:left; padding-right: 1e">
        <strong>"Read the Independent Florida Alligator"</strong>. Submit a picture of yourself while reading the campus newspaper to the Alumni Association app to complete this tradition. Stop by the Alumni Association on University Avenue to pick up this year's F Book for free.</p>
      </div>
      <br>
      <br>
      <div class="missionState">
        <h4>Mission Statement:</h4>
        <p>This website exists to provide UF students, especially freshmen, with the necessary resources to get involved on campus through student organizations, volunteer opportunities, and campus events; to make valuable information more accessible by displaying the information all in one place; to spread the knowledge of student-run study group meetings for all students; and to make available some helpful tips and notes for freshmen.</p> 
      </div>
      <br>
      <p class="screen">Please help improve this website by completing the <a href="survey.html">survey</a>.</p>
      <p class="mobile">Please help improve this website by completing the <a href="https://docs.google.com/forms/d/e/1FAIpQLSf77lG5kCZVA4xhwpJtERy4p2Iw_rBmT50xgQKAdK-rtLUsKw/viewform?usp=sf_link">survey</a>.</p>
    </main>
    <footer role="contentinfo">
        <div class="cbMode"><button onclick="colorBlindMode()" >Color Blind Mode</button></div>
        <small>Email <a href="mailto:[email protected]">[email protected]</a> for corrections/improvments of this site.</small>
        <br>
        <small id="redHeart">Made with <span class="footerHeart">&hearts;</span> by Alexis</small>
        <small id="cbHeart" style="display: none;">Made with &hearts; by Alexis</small>
        <br>
        <small>Last modified: </small>
        <script>
            document.write(document.lastModified.fontsize(2));
        </script>
    </footer>
  </body>
</html>


<!--

  add dog petting event - yappy hour

  Exploring Engineering Studies page


      fun clubs:
      book club, board game club, areogators
      Gator Salsa Club 
Want a new hobby? Want to meet new people? Do you love salsa? Are you interested in taking dance classes for FREE?!?! Then this is the group for YOU!! No experience? No partner? No problem!!! 

Quiz Bowl 
The purpose of Quiz Bowl is to provide students with an organized club in which they may practice answering academic questions of unlimited subject matter in a competitive format, as well as compete in and host multi-round tournaments with said questions. Quiz Bowl is an opportunity for academically minded students of all backgrounds to expand their knowledge in areas as diverse as Literature, Fine Arts, Science, Social Sciences, Philosophy, Pop Culture, Religion, Mythology, History and...

<div class="majorStuff">
        <p>Gator Anime</p>
        <p>Student Org. Description: We at Gator Anime provide a social space to enjoy Japanese anime and pop culture, as well as hold the annual SwampCon convention in the Reitz Union!</p>
        <p>Website: <a href="http://gatoranime.club/">http://gatoranime.club/</a></p>
		    <p>Facebook: <a href="https://www.facebook.com/groups/GatorAnime/">https://www.facebook.com/groups/GatorAnime/</a></p>
      </div>
      
Gator Comics

The Campus Kitchen Project

  -->

  <!--
Future Pages
* religious page
    -->


<!--
<strong>"Living on Campus"</strong>. Take a picture of yourself in your room and submit the picture to the Alumni Association app to complete this tradition. Stop by the Alumni Association on University Avenue to pick up this year's F Book for free.

<strong>Gator Salsa Club</strong>. The Gator Salsa Club offers free dance lessons. No experience or partner required. It is  a great way to meet new people and take a break from the stress of school. Club meetings are on Mondays and Thursdays at 6:50 and 8:15 pm at the Ben Hill Griffin Stadium. More information is avalible on <a href="https://www.facebook.com/gatorsalsa">Facebook.</a>

-->
result
console