grdmnt.github.io/index.html at master · grdmnt/grdmnt.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
<html>
	<head>
		<title>Diliman Source: Coming Soon </title>
		<link rel="stylesheet" type="text/css" href="semantic-ui.min.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
        <style>
         body {
             font-family: 'Montserrat', sans-serif !important;
             /*background: url('shattered_@2X.png');*/
         }
         .ui.header {
             font-family: 'Montserrat', sans-serif !important;
             color: #333 !important;
         }
         .border {
             border-style: solid;
             border-width: 5px;
             padding-top: 10px !important;
             padding-bottom: 25px;
             padding-left: 10px;
             padding-right: 10px;
             border-color: #680A2B;
         }
         .footer {
             display: fixed;
             bottom: 0;
             width: 100%;
             text-align: center;
         }
         .red {
             color: #680a2B !important;
             border-color:#680a2B !important;
         }
        </style>
	</head>
	<body>
		<div class="ui middle aligned grid" style="height: 96vh; width: 100vw; margin: 0;">
            <div class="row">
                <div class="column center aligned" style="padding: 0">
                    <div class="ui header" style="font-size: 36px; display: none;"><span class="">UP Diliman's Source of Innovation</span>

                        <div class="ui divider text container"></div>
                        <div class="sub header">Coming soon</div>
                    </div>

                </div>
            </div>
		</div>
        <div class="footer">
            From the creators of <span id="crswatch" ><a href="http://crswatch.peioris.me" style="color: #777;">CRS Watch<a></span></div>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
        <script src="transition.min.js"></script>
         <script>
            $('.footer').transition('hide');
            $('.ui.header').transition('fade up', 1000);
            setTimeout(function(){
                $('.footer').transition('fade', 1000);
                setTimeout(function(){
                    $('#crswatch').transition('pulse');
                }, 1000);
            }, 1000)

        </script>
	</body>
</html>