Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 8.4 KB
Newer Older
Porter Libby's avatar
add boilerplate    
Porter Libby committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 
<!doctype html>
<html class="no-js" lang="">
    <head>
        <title>EPIC Journey</title>

        <!-- META INFO -->
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- CDN STYLES-->
        <link rel="stylesheet" 
            href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" 
            integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 
            crossorigin="anonymous">
Porter Libby's avatar
fix buttons, add comments    
Porter Libby committed
16
17
18 
        <link rel="stylesheet" 
            href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" >
Porter Libby's avatar
add boilerplate    
Porter Libby committed
19
20
21
22
23
24
25
26
27
28
29
30
31
32 

        <!-- CDN SCRIPTS -->
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 
            crossorigin="anonymous">
        </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" 
            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" 
            crossorigin="anonymous">
        </script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" 
            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" 
            crossorigin="anonymous">
        </script>
Porter Libby's avatar
fix buttons, add comments    
Porter Libby committed
33
Porter Libby's avatar
add boilerplate    
Porter Libby committed
34
35
36
37
38 

        <!-- STYLE SHEETS -->
        <link rel="apple-touch-icon" href="icon.png">
        <link rel="stylesheet" href="public/css/main.css">
Porter Libby's avatar
add data and searchbar js    
Porter Libby committed
39
40
41 
        <!-- DATA REFERENCES -->
        <script src="public/data/data.js"></script>
Porter Libby's avatar
add boilerplate    
Porter Libby committed
42 
        <!-- SCRIPT REFERENCES -->
Porter Libby's avatar
add data and searchbar js    
Porter Libby committed
43 
        <script src="public/js/searchBar.js"></script>
Porter Libby's avatar
add boilerplate    
Porter Libby committed
44
45
46
47 

    </head>

    <body>
Porter Libby's avatar
add some basic stuff    
Porter Libby committed
48 
        <!-- NAV BAR -->
Porter Libby's avatar
add some custom styles to bootstrap    
Porter Libby committed
49 
        <nav class="navbar navbar-expand-lg navbar-dark navbar-ec justify-content-betweenu">
Porter Libby's avatar
fix more colors    
Porter Libby committed
50
51
52 
            <a class="navbar-brand" href="#">
                <img height='35px' src='public/img/ec-logo.png'>
            </a>
Porter Libby's avatar
add some basic stuff    
Porter Libby committed
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67 
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            About
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <a class="dropdown-item" href="#">Something else here</a>
                        </div>
                    </li>
Porter Libby's avatar
add boilerplate    
Porter Libby committed
68
Porter Libby's avatar
add some basic stuff    
Porter Libby committed
69
70
71
72
73
74
75
76
77
78 
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Your Journey
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <a class="dropdown-item" href="#">Something else here</a>
                        </div>
                    </li>
Porter Libby's avatar
add boilerplate    
Porter Libby committed
79
Porter Libby's avatar
add some basic stuff    
Porter Libby committed
80
81
82
83
84
85
86
87
88
89
90
91
92 
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Resources
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <a class="dropdown-item" href="#">Something else here</a>
                        </div>
                    </li>
                </ul>
                <form id='search-bar' class="form-inline">
                    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
Porter Libby's avatar
fix more colors    
Porter Libby committed
93 
                    <button class="btn btn-outline-light my-2 my-sm-0" type="submit">Search</button>
Porter Libby's avatar
add some basic stuff    
Porter Libby committed
94
95
96 
                </form>
            </div>
        </nav>
Porter Libby's avatar
add boilerplate    
Porter Libby committed
97
Porter Libby's avatar
fix icon size    
Porter Libby committed
98
99 
        <!-- MAIN CONTENT AREA (padded scrollable area) -->
        <div id='main-content'>
Porter Libby's avatar
add data and searchbar js    
Porter Libby committed
100 
            <!-- Carousel -->
Porter Libby's avatar
fix icon size    
Porter Libby committed
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118 
            <div id="create-carousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#create-carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#create-carousel" data-slide-to="1"></li>
                    <li data-target="#create-carousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner"> <!-- slides go here -->
                    <div class="carousel-item active">
                        <img class="d-block w-100" src="public/img/ec-1.jpg" alt="First slide">
                    </div>

                    <div class="carousel-item">
                        <img class="d-block w-100" src="public/img/ec-2.jpg" alt="Second slide">
                    </div>

                    <div class="carousel-item">
                        <img class="d-block w-100" src="public/img/ec-3.jpg" alt="Third slide">
                    </div>
Porter Libby's avatar
fix buttons, add comments    
Porter Libby committed
119
Porter Libby's avatar
add some basic stuff    
Porter Libby committed
120 
                </div>
Porter Libby's avatar
fix icon size    
Porter Libby committed
121
122
123
124
125
126
127
128 
                <a class="carousel-control-prev" href="#create-carousel" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#create-carousel" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
Porter Libby's avatar
add some basic stuff    
Porter Libby committed
129 
            </div>
Porter Libby's avatar
add some more basic stuff    
Porter Libby committed
130
Porter Libby's avatar
fix icon size    
Porter Libby committed
131 
            <!-- Block 1 -->
Porter Libby's avatar
add data and searchbar js    
Porter Libby committed
132 
            <div id='block-1' class='block'>
Porter Libby's avatar
fix icon size    
Porter Libby committed
133 
                <span class='section-prompt'>1. Type the name of a major you are interested in</span>
Porter Libby's avatar
add data and searchbar js    
Porter Libby committed
134
135
136
137 
                <script>
                    var parent = document.getElementById('block-1');
                    create_searchbar(parent,'major_selection');
                </script>
Porter Libby's avatar
fix icon size    
Porter Libby committed
138 
            </div>
Porter Libby's avatar
add some more basic stuff    
Porter Libby committed
139
Porter Libby's avatar
fix icon size    
Porter Libby committed
140
141
142
143
144
145
146
147
148
149
150
151 
            <!-- Block 2 -->
            <div class='block'>
                <span class='section-prompt'>2. Choose something that sounds fulfilling</span>
                <br>
                <div class='inner-nav'> <!-- Nav options for this block -->
                    <button type="button" class="btn btn-labeled btn-dark">
                        <span class="btn-label"><i class="fa fa-flask"></i></span><br>Research</button>
                    <button type="button" class="btn btn-labeled btn-dark">
                        <span class="btn-label"><i class="fa fa-user-md"></i></span><br> Internship</button>
                    <button type="button" class="btn btn-labeled btn-dark">
                        <span class="btn-label"><i class="fa fa-book"></i></span><br> Off-campus Study</button>
                </div>
Porter Libby's avatar
fix buttons, add comments    
Porter Libby committed
152 
            </div>
Porter Libby's avatar
add some more basic stuff    
Porter Libby committed
153
Porter Libby's avatar
fix icon size    
Porter Libby committed
154
155
156
157 
            <!-- Block 3 -->
            <div class='block'>
                <span class='section-prompt'>3. What would you like to do for fun?</span>
            </div>
Porter Libby's avatar
add some more basic stuff    
Porter Libby committed
158
Porter Libby's avatar
fix icon size    
Porter Libby committed
159
160
161
162
163
164
165 
            <!-- Block 4 -->
            <div class='block'>
                <span class='section-prompt'>4. What would you like to become?</span>
                <br>
                <div class='inner-nav'> <!-- Nav options for this block -->
                    <button type="button" class="btn btn-labeled btn-dark">
                        <span class="btn-label"><i class="fa fa-globe"></i></span><br> Explore</button>
Porter Libby's avatar
fix buttons, add comments    
Porter Libby committed
166
Porter Libby's avatar
fix icon size    
Porter Libby committed
167
168
169 
                    <button type="button" class="btn btn-labeled btn-dark">
                        <span class="btn-label"><i class="fa fa-check"></i></span><br> Finish!</button>
                </div>
Porter Libby's avatar
fix buttons, add comments    
Porter Libby committed
170 
            </div>
Porter Libby's avatar
add some more basic stuff    
Porter Libby committed
171 
        </div>
Porter Libby's avatar
add boilerplate    
Porter Libby committed
172
173 
    </body>
</html>