Skip to content
This repository was archived by the owner on Jun 15, 2024. It is now read-only.

Commit 2c47110

Browse files
isfaaghythisfaaghyth
committed
for mock
1 parent b17273e commit 2c47110

15 files changed

+304
-234
lines changed

‎.DS_Store

6 KB
Binary file not shown.

‎Gemfile

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# frozen_string_literal: true
2+
3+
source "https://rubygems.org"
4+
5+
git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
6+
7+
# gem "rails"

‎public/css/dark-mode.css ‎css/dark-mode.css

File renamed without changes.

‎public/css/style.css ‎css/style.css

+6-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,12 @@
11
* {
2-
font-family: 'Rubik', sans-serif;
2+
font-family: 'Plus Jakarta Sans', sans-serif;
33
box-sizing: border-box;
44
}
55

6+
p {
7+
font-family: 'Plus Jakarta Sans', sans-serif;
8+
}
9+
610
.small-paragraph {
711
font-size: 16px !important;
812
}
@@ -59,7 +63,6 @@ iframe {
5963
}
6064

6165
.cds-highlight {
62-
font-family: 'Domine', serif;
6366
font-weight: 700;
6467
font-size: 40px;
6568
}
@@ -91,12 +94,10 @@ iframe {
9194
}
9295

9396
.headline-event-tight {
94-
font-family: 'Domine', serif;
9597
font-weight: 300;
9698
}
9799

98100
.headline-event {
99-
font-family: 'Domine', serif;
100101
font-weight: 700;
101102
}
102103

@@ -267,7 +268,7 @@ input:checked+.slider:before {
267268
}
268269
.navbar-collapse {
269270
position: fixed;
270-
top: 80px;
271+
top: 0px;
271272
/* adjust to height of navbar */
272273
left: 0;
273274
padding-left: 15px;

‎public/hackathon.html ‎hackathon.html

File renamed without changes.

‎index.html

+291
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,291 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<!-- Required meta tags -->
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
8+
9+
<!-- Bootstrap CSS -->
10+
<link rel="stylesheet" href="https://bootswatch.com/4/litera/bootstrap.min.css" />
11+
<link rel="preconnect" href="https://fonts.googleapis.com" />
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
13+
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;700&display=swap"
14+
rel="stylesheet" />
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
16+
<link rel="stylesheet" href="css/dark-mode.css" />
17+
<link rel="stylesheet" href="css/style.css" />
18+
19+
<title>Android Sprint</title>
20+
</head>
21+
22+
<body class="mt-5 bg-white">
23+
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white">
24+
<div class="container">
25+
<a class="navbar-brand" href="index.html">
26+
<img src="https://raw.githubusercontent.com/sanggar-id/androidsprint.id/main/logo.png" width="40" />
27+
<b>androidsprint</b>
28+
</a>
29+
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
30+
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
31+
<span class="fa fa-bars"></span>
32+
</button> -->
33+
<div class="collapse navbar-collapse bg-white" id="navbarNavAltMarkup">
34+
<div class="navbar-nav d-none d-xl-block">
35+
<a target="_blank" class="nav-item btn btn-success rounded-button" href="https://google.com/"><i
36+
class="fa fa-share-square"></i> <b>Coming soon!</b></a>
37+
</div>
38+
<!-- <div class="navbar-nav ml-auto">
39+
<a class="nav-item nav-link active" href="index.html">Home <span class="sr-only">(current)</span></a>
40+
<a class="nav-item nav-link text-secondary" href="schedule.html">Schedule</a>
41+
<a class="nav-item nav-link text-secondary" href="speakers.html">Speakers</a>
42+
</div>
43+
<div class="theme-switch-wrapper">
44+
<label class="theme-switch" for="darkSwitch">
45+
<input type="checkbox" id="darkSwitch" />
46+
<div class="slider round"></div>
47+
</label>
48+
</div> -->
49+
</div>
50+
</div>
51+
</nav>
52+
53+
<div class="jumbotron bg-white home-overview d-flex">
54+
<div class="container align-self-center">
55+
<div class="row">
56+
<div class="col-md-6 my-auto order-2">
57+
<h1 class="cds-highlight">
58+
belajar cepat, android terkini, untuk semua.
59+
</h1>
60+
<p class="cds-message text-muted">
61+
Kalibrasi pengetahuan android-mu bersama mentor Experts di
62+
<b>androidsprint</b>.
63+
</p>
64+
<br>
65+
<p>Follow dulu gan <i class="fa fa-instagram"></i><a href="https://instagram.com/androidsprint" target="_blank"> @androidsprint</a></p>
66+
<a class="d-block d-xl-none btn btn-success rounded-button" href="index.html"><i
67+
class="fa fa-share-square"></i> <b>Coming soon!</b></a>
68+
</div>
69+
<div class="col-md-6 ml-auto order-1">
70+
<div class="row">
71+
<div class="col">
72+
<img src="res/overview.png" class="img-fluid" alt="androidsprint" />
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
</div>
78+
</div>
79+
80+
<!-- <section id="sponsor">
81+
<div class="container">
82+
<div class="row d-flex justify-content-center">
83+
<img src="https://android-worldwide.com/img/sponsor_disney.png" class="col-4 col-sm-4 col-md-2" />
84+
<img src="https://android-worldwide.com/img/sponsor_sauce.png" class="col-4 col-sm-4 col-md-2" />
85+
<img src="https://android-worldwide.com/img/sponsor_stream.png" class="col-4 col-sm-4 col-md-2" />
86+
<img src="https://android-worldwide.com/img/sponsor_masterclass.png" class="col-4 col-sm-4 col-md-2" />
87+
</div>
88+
</div>
89+
<br /><br />
90+
</section> -->
91+
92+
<!-- <section id="hackathon" class="pt-3 pb-5 bg-white">
93+
<div class="container">
94+
<div class="row">
95+
<div class="col-md">
96+
<div class="card schedule cds-content card-background mb-4">
97+
<div class="card-body">
98+
<h4>
99+
<b><span class="chip-chrome">tematik</span>.</b>
100+
</h4>
101+
<br />
102+
<p class="cds-message text-muted small-paragraph">
103+
Pelajari praktik terbaik dari yang berpengalaman untuk
104+
tingkatkan pengetahuan android-mu.
105+
</p>
106+
</div>
107+
</div>
108+
</div>
109+
<div class="col-md">
110+
<div class="card schedule cds-content card-background mb-4">
111+
<div class="card-body">
112+
<h4>
113+
<b><span class="chip-chrome">maklumat</span>.</b>
114+
</h4>
115+
<br />
116+
<p class="cds-message text-muted small-paragraph">
117+
Raih tips menarik dan unik untuk meningkatkan produktivitas
118+
keseharian-mu.
119+
</p>
120+
</div>
121+
</div>
122+
</div>
123+
<div class="col-md">
124+
<div class="card schedule cds-content card-background mb-4">
125+
<div class="card-body">
126+
<h4>
127+
<b><span class="chip-chrome">teknolog</span>.</b>
128+
</h4>
129+
<br />
130+
<p class="cds-message text-muted small-paragraph">
131+
Jadi <i>android engineer</i> yang lebih dari biasa,
132+
berkarakter dan bernilai untuk bersaing di industri.
133+
</p>
134+
</div>
135+
</div>
136+
</div>
137+
</div>
138+
</div>
139+
</section>
140+
141+
<section id="hackathon">
142+
<div class="jumbotron remove-marginbottom jumbotron-fluid">
143+
<div class="container">
144+
<span class="fa fa-code-fork fa-3x force-white"></span>
145+
<br /><br />
146+
<h1 class="force-white">Hackathon!</h1>
147+
<p class="lead force-white">
148+
collaborate, create a solution, solve the problems together.
149+
</p>
150+
<a class="btn btn-warning rounded-button" href="index.html">Register</a>
151+
<a class="btn btn-link" href="hackathon.html">Read More</a>
152+
</div>
153+
</div>
154+
</section>
155+
156+
<section id="recap" class="mb-5 bg-light pt-5 pb-5">
157+
<div class="container">
158+
<div class="row">
159+
<div class="col">
160+
<h3>Android Updates</h3>
161+
<br />
162+
</div>
163+
</div>
164+
165+
<div class="row">
166+
<div class="col-md">
167+
<div class="card cds-content mb-4">
168+
<div class="youtube" data-embed="kD-noc33FKw">
169+
<div class="play-button"></div>
170+
</div>
171+
<div class="card-body">
172+
<h6 class="card-subtitle mb-2">
173+
<small class="text-secondary">Now in Android: 97</small>
174+
</h6>
175+
<h5 class="card-title text-dark">
176+
Gemini, AICore, ML Kit, Hedgedog, more!
177+
</h5>
178+
<a target="_blank" href="https://www.youtube.com/watch?v=kD-noc33FKw" class="card-link">Full Video</a>
179+
</div>
180+
</div>
181+
</div>
182+
<div class="col-md">
183+
<div class="card cds-content mb-4">
184+
<div class="youtube" data-embed="DEcyz2fynBE">
185+
<div class="play-button"></div>
186+
</div>
187+
<div class="card-body">
188+
<h6 class="card-subtitle mb-2">
189+
<small class="text-secondary">TheAndroidShow</small>
190+
</h6>
191+
<h5 class="card-title text-dark">
192+
The latest for Android devs, in 60 sec!
193+
</h5>
194+
<a target="_blank" href="https://www.youtube.com/watch?v=DEcyz2fynBE" class="card-link">Full Video</a>
195+
</div>
196+
</div>
197+
</div>
198+
</div>
199+
</div>
200+
</section> -->
201+
202+
<!-- <footer class="text-lg-start">
203+
<div class="container">
204+
<div class="row">
205+
<div class="col-md-8 align-self-center text-logo text-dark">
206+
<p class="chip-chrome" style="font-size: 0.7em">Powered by.</p>
207+
<img class="gdg-jakarta" alt="GDG Indonesia" width="240px" src="res/gdgjkt.png" />
208+
</div>
209+
210+
<div class="child-menu col-md-2 ml-auto">
211+
<ul class="list-unstyled mb-0">
212+
<li>
213+
<a href="schedule.html" class="text-secondary">Schedule</a>
214+
</li>
215+
<li>
216+
<a href="speakers.html" class="text-secondary">Speakers</a>
217+
</li>
218+
<li>
219+
<a href="hackathon.html" class="text-secondary">Hackathon</a>
220+
</li>
221+
<li>
222+
<a href="organizers.html" class="text-secondary">Organizers</a>
223+
</li>
224+
</ul>
225+
</div>
226+
</div>
227+
228+
<hr class="my-5" />
229+
230+
<div class="row">
231+
<div class="col-md">
232+
<ul class="list-inline">
233+
<li class="list-inline-item">
234+
<a class="text-secondary" href="https://developers.google.com/community/gdg">About GDG Program</a>
235+
</li>
236+
<li class="list-inline-item">
237+
<a class="text-secondary"
238+
href="https://developers.google.com/community/gdg/organizers#community-guidelines">Code of Conduct</a>
239+
</li>
240+
</ul>
241+
</div>
242+
</div>
243+
</div>
244+
</footer> -->
245+
246+
<!-- Optional JavaScript -->
247+
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
248+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
249+
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
250+
crossorigin="anonymous"></script>
251+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
252+
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
253+
crossorigin="anonymous"></script>
254+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
255+
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
256+
crossorigin="anonymous"></script>
257+
<script src="https://coliff.github.io/dark-mode-switch/dark-mode-switch.min.js"></script>
258+
<script src="js/youtube.js"></script>
259+
260+
<script>
261+
// selector
262+
const body = document.querySelector("body");
263+
const navbarCollapse = document.querySelector(".navbar-collapse");
264+
265+
// event
266+
body.addEventListener("click", () => { });
267+
268+
var darkSwitch = document.getElementById("darkSwitch");
269+
const pic = document.querySelector(".gdg-jakarta");
270+
271+
function darkMode() {
272+
if (localStorage.getItem("darkSwitch") === "dark") {
273+
pic.src = "res/gdgjkt-white.png";
274+
} else {
275+
pic.src = "res/gdgjkt.png";
276+
}
277+
}
278+
279+
window.addEventListener("load", function () {
280+
if (darkSwitch) {
281+
darkSwitch.addEventListener("change", function () {
282+
darkMode();
283+
});
284+
}
285+
});
286+
287+
darkMode();
288+
</script>
289+
</body>
290+
291+
</html>

‎public/js/youtube.js ‎js/youtube.js

File renamed without changes.

‎public/organizers.html ‎organizers.html

File renamed without changes.

0 commit comments

Comments
 (0)