This repository has been archived by the owner on Jan 3, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
122 lines (113 loc) · 5.75 KB
/
main.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
<!-- /*---------------------------------------------------------------------------------------------
* Copyright (c) Jim Fang. All rights reserved.
* Licensed under the MIT License. See LICENSE in the project root for license information.
* Server sided hosted on Heroku. Website hosted on Infinity Free.
* WEBSITE WITH IMPLIMENTATION: http://generator.rocketscience.monster/
*--------------------------------------------------------------------------------------------*/ -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CPS Schedule Generator</title>
<script src="main.js"></script>
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<!-- Favicon -->
<link rel="icon" href="./favicon.png">
<script>
$(document).ready(function () {
$('select').formSelect();
});
</script>
</head>
<body>
<div id="instructionsTop">
<h2 class="centered">CPS Custom Schedule Generator</h2>
<p class="centered">This tool allows you to generate a custom version of the CPS schedule that has your classes
mapped to each
individual block. This allows you to refrence your schedule without checking your phone :) <br> The result
will
look similar to this: </p>
<iframe src="https://drive.google.com/file/d/1facG1zz_5sUSAp5IU_wYNm1Kh7vuQcgX/preview" frameborder="0"
id="demo"></iframe>
<p class="centered">How to use: Enter your classes below then hit "Submit". The program should return your
personalized schedule
in a PDF. <br> Note: The program might be a bit slow since I am using a cheap processing service. </p>
</div>
<div id="coreFunc" class="row">
<script src="main.js"></script>
<form id="classForm" method="POST" action="https://blooming-tor-45007.herokuapp.com/" class="col">
<!-- https://blooming-tor-45007.herokuapp.com/ -->
<!-- https://cpsschgendev.herokuapp.com/ -->
<!-- http://localhost:8000/ -->
<div class="row">
<div class="input-field col s12">
<input type="text" id="a" name="first" placeholder="English I" class="validate">
<label for="a">First Class (Block A)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="text" id="b" name="second" placeholder="Asian Worlds" class="validate">
<label for="b">Second Class (Block B)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="text" id="c" name="third" placeholder="Physics" class="validate">
<label for="c">Third Class (Block C)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="text" id="d" name="fourth" placeholder="Beginning Debate" class="validate">
<label for="d">Fourth Class (Block D)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="text" id="e" name="fifth" placeholder="RHF W1M2" class="validate">
<label for="e">Fifth Class (Block E)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="text" id="f" name="sixth" placeholder="French I" class="validate">
<label for="f">Sixth Class (Block F)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input type="text" id="g" name="seventh" placeholder="Math 2" class="validate">
<label for="g">Seventh Class (Block G)</label>
</div>
<!-- </div> -->
<!-- <div class="row"> -->
<!--Combine divs to stop a gap -->
<div class="input-field col s12">
<select name="vertical">
<option value="" disabled selected>Choose style</option>
<option value="vertical">Vertical</option>
<option value="horizontal">Horizontal</option>
</select>
</div>
</div>
<a class="waves-effect waves-light btn" type="submit" id="coreFuncSubmit"
onclick="document.getElementById('classForm').submit();">Submit</a>
</form>
</div>
<div id="footer">
<p class="centered">Built with <a href="https://expressjs.com/" target="_blank">ExpressJS</a> & <a
href="https://nodejs.org/en/" target="_blank">Node.js</a>. Server hosted on <a
href="https://www.heroku.com/" target="_blank">Heroku</a>, website hosted on <a
href="https://infinityfree.net/" target="_blank">Infinity Free</a>. Project open-sourced under the MIT
license on <a href="https://github.com/AirFusion45/-CPS-Schedule-Generator" target="_blank">Github</a>.</p>
</div>
</body>
</html>