-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
143 lines (136 loc) · 6.27 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
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
<!doctype html>
<head>
<meta charset="utf-8">
<title>nodeschool</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
<script>
window.addEventListener( 'load', function () {
var header = document.querySelector( 'header' ),
headerContent = header.querySelector( '#header-content' ),
main = document.querySelector( '.site-main-content' ),
headerButtons = main.querySelector( '#header-buttons' ),
_Resize = function (evt) {
var w = headerContent.clientHeight * 2,
ww = w * 0.38,
wh = headerContent.clientHeight * 0.32;
headerContent.style.width = w + 'px';
headerContent.style.left = ((window.innerWidth - w) / 2) + 'px';
headerButtons.style.width = ww + 'px';
headerButtons.style.height = wh + 'px';
headerButtons.style.left = ((window.innerWidth - ww) / 2) + 'px';
headerButtons.style.top = (header.clientHeight - wh) + 'px';
main.style.paddingTop = header.clientHeight + 'px';
console.log( evt );
// if ( evt instanceof Object ) {
// setTimeout( _Resize, 500 );
// }
};
_Resize();
window.addEventListener( 'resize', _Resize, false );
window.addEventListener( 'fullscreenchange', _Resize, false );
window.addEventListener( 'deviceorientation', _Resize, false );
} )
</script>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/mygumby.css">
</head>
<body>
<!-- START: Site Header -->
<header role="banner" class="parallax">
<div id="header-content">
</div>
</header>
<!-- /END: Site Header -->
<!-- START: Site Footer -->
<footer role="contentinfo">
</footer>
<!-- /END: Site Footer -->
<main role="main" class="site-main-content"><div id="main-content">
<div id="ticker-message"><a href="https://github.com/nodeschool/bali/issues/1">Want to contact us? Drop us a note here</a>.</div>
<div id="header-buttons">
<div id='interest-button' onclick="location='https://github.com/nodeschool/bali/issues/1'"></div>
<div id='schedule-button' onclick="location='https://github.com/nodeschool/bali/issues/1'"></div>
</div>
<!-- START: Features Section -->
<section id="about" class="site-section section-features" data-target="features">
<!-- START: Features List -->
<ul class="row features-list">
<!-- START: Feature Item -->
<li class="features-item">
<span class="features-circle">
<span class="features-circle-icon" onclick="location='https://github.com/nodeschool/bali/issues/1'">
<i class="icon-tools"></i>
</span>
</span>
<h3>Learn Coding</h3>
<p>Join us and learn coding with us. You are going to learn the basics
of Node.js. It's a plus if you know some JavaScript beforehand, but if not
we can help you out.</p>
</li>
<!-- /END: Feature Item -->
<!-- START: Feature Item -->
<li class="features-item">
<span class="features-circle">
<span class="features-circle-icon" onclick="location='https://github.com/nodeschool/bali/issues/1'">
<i class="icon-rocket"></i>
</span>
</span>
<h3>Self-Guided</h3>
<p>You will go through a set of self-paced challenges. No boring talks.
All challenges are Open Source and
available online on <a href="http://nodeschool.io/">nodeschool.io</a>.
This means you can continue learning after the event.</p>
</li>
<!-- /END: Feature Item -->
<!-- START: Feature Item -->
<li class="features-item">
<span class="features-circle">
<span class="features-circle-icon" onclick="location='https://github.com/nodeschool/bali/issues/1'">
<i class="icon-heart"></i>
</span>
</span>
<h3>For Everyone</h3>
<p>We think coding is awesome and everyone should feel welcome at our event.
This includes that we are expecting all participants to be awesome to each other
and respect the <a href="https://github.com/nodeschool/bali/blob/master/codeofconduct.md">Code of Conduct</a>.</p>
</li>
<!-- /END: Feature Item -->
</ul>
<!-- /END: Features List -->
</section>
<!-- /END: Features Section -->
<!-- START: Signup Section -->
<section id="help" class="site-section section-signup">
<div class="row">
<div class="twelve columns animate-on-scroll" data-scrollanimation="fadeDownIn">
<h3 class="signup-title">Join the Adventure!</h3>
<h4 class="signup-subtitle">Want to attend NodeSchool in Bali? Help plan it or show interest on GitHub.</h4>
<!-- <h4 class="signup-subtitle">The next NodeSchool will be on November 19th at Project-A</h4> -->
</div>
</div>
<div class="row">
<!-- START: Signup Form Bottom -->
<div class="eight columns centered">
<div class="signup-form">
<!-- <a href="https://ti.to/nodeschool-bali/3" class="btn-side animate-on-scroll" data-scrollanimation="fadeInLeft"><i class="icon-ticket"></i> Sign up!</a> -->
<a href="http://www.balijs.com/" class="btn-side animate-on-scroll" data-scrollanimation="fadeInLeft"><i class="icon-rocket"></i> Join us</a>
</div>
</div>
<!-- /END: Signup Form Bottom -->
</div>
</section>
<!-- /END: Signup Section -->
<section class="site-section">
<div class="row">
<div class="twelve columns animate-on-scroll" data-scrollanimation="fadeDownIn">
<h3>Questions? Feedback? Want to help out?</h3>
<h4>Just open an issue on <a href="https://github.com/nodeschool/bali">GitHub</a> and join the discussion.</h4>
<p> If you are not on GitHub yet, create a <a href="https://github.com/join">free account</a> and check out the <a href="http://nodeschool.io/#git-it">Git-it</a> workshop. It will
help you get started.</p>
</div>
</div>
</section>
</div></main>
</body>
</html>