forked from websemantics/gh-pages-spa
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (97 loc) · 5.46 KB
/
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Single Page Applications for GitHub Pages - Web Semantics, Inc.</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/index.css">
<script type="text/javascript" src="assets/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="assets/lib/base-64/base64.js"></script>
<script type="text/javascript" src="assets/lib/larder/larder.js"></script>
<script type="text/javascript" src="assets/lib/gitters/gitters.js"></script>
<script type="text/javascript" src="assets/lib/bragit/bragit.js"></script>
<script>var redirect = location.href</script>
<script type="text/javascript" src="ghspa.js"></script>
<script>
$(function() {
if (location.href != redirect) {
$('#message').html('Coming at you from')
$('#message-detail').html(location.href)
} else {
$('#message').html('')
$('#message-detail').html('Still here at the index.html file')
}
})
</script>
</head>
<body>
<div class="pusher">
<div class="ui vertical masthead center aligned segment">
<div class="ui container">
<div class="ui large secondary menu">
<div class="right item">
<a class="item" href="/gh-pages-spa">Home</a>
<a class="item" href="/gh-pages-spa/about">About</a>
<a class="item" href="/gh-pages-spa/contact">Contact</a>
</div>
</div>
</div>
<div class="ui text hero container">
<img src="assets/img/pikachu.svg">
<h1 class="ui header">Hi. I'm Pikachu.</h1>
<div class="ui right big yellow image label">
<i class="info icon"></i>
<span id="message"></span>
<div class="detail" id="message-detail">Let me tell you something!</div>
</div>
<p>I'll help you build Single Page Applications with Github Pages.</p>
<a class="ui labeled huge button github-websemantics-gh-pages-spa-stars">
<div class="ui grey huge button"> <i class="star icon"></i> Stars </div>
<div class="ui basic grey left pointing label"> <i class="spinner loading icon"></i> </div>
</a>
<a class="ui labeled huge button github-websemantics-gh-pages-spa-forks">
<div class="ui grey huge button"> <i class="fork icon"></i> Forks </div>
<div class="ui basic grey left pointing label"> <i class="spinner loading icon"></i> </div>
</a>
<a class="ui grey huge button github-websemantics-gh-pages-spa-github"> <i class="github icon"></i> Github </a>
</div>
</div>
<div class="ui vertical stripe segment">
<div class="ui text container">
<h3 class="ui header">Single Page Application</h3>
<p> SPA is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience similar to a desktop application. In a SPA, either all necessary code, HTML, JavaScript and CSS is retrieved with
a single page load or the appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions.</p>
<a class="ui huge yellow button" href="https://en.wikipedia.org/wiki/Single-page_application">Read More</a>
</div>
</div>
<div class="ui vertical footer segment">
<div class="ui container">
<div class="ui stackable divided equal height stackable grid">
<div class="three wide column">
<h4 class="ui header">Github</h4>
<div class="ui link list">
<a href="https://github.com/websemantics/gh-pages-spa" class="item">Fork Me</a>
<a href="https://github.com/rafrex/spa-github-pages" class="item">React SPA gh-Pages</a>
<a href="https://github.com/csuwildcat/sghpa" class="item">SPA Template</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui header">Links</h4>
<div class="ui link list">
<a href="https://www.smashingmagazine.com/2016/08/sghpa-single-page-app-hack-github-pages/" class="item">Single Page App Hack</a>
<a href="http://www.flaticon.com/packs/pokemon-go" class="item">Pokemon Go Icons</a>
<a href="https://pages.github.com/" class="item">Github Pages</a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui header">Company</h4>
<p>Built with <img src="assets/img/heart.svg">by Web Semantics, Inc.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>