Skip to content

Commit 6ad0b2c

Browse files
TarekAlQaddyTarekAlQaddy
committed
optimization 💪 , bug fixes 🐛
optimization: - optimizing images from 1.34MB to 542KB - using CDNs instead of local files - removing unnecessary files and scripts bug fixes: fixing arrow in history.html
1 parent 87320bd commit 6ad0b2c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+252
-192
lines changed

‎css/history.css

+11-2
Original file line numberDiff line numberDiff line change
@@ -263,6 +263,9 @@ body{
263263
#col-center .bubble{
264264
margin: 0 auto 350px auto;
265265
}
266+
#timeline-sec{
267+
margin-bottom: 350px;
268+
}
266269
}
267270
@media only all and (min-width:1850px) {
268271
#col-center .bubble:first-of-type{
@@ -272,7 +275,7 @@ body{
272275
margin: 0 auto 400px auto;
273276
}
274277
#timeline-sec{
275-
margin-bottom: 300px;
278+
margin-bottom: 400px;
276279
}
277280
}
278281

@@ -394,6 +397,12 @@ body{
394397
}
395398
@media only all and (min-width:1850px) {
396399
#col-center.active{
397-
height: 2200px;
400+
height: 2050px;
401+
}
402+
}
403+
404+
@media only all and (min-width:900px) and (max-width:1330px){
405+
#col-center.active{
406+
height:1450px;
398407
}
399408
}

‎css/home.css

+4
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
.slick-dots li button:before,.slick-prev:before, .slick-next:before, .slick-dots li.slick-active button:before{
2+
color: #000;
3+
}
4+
15
@media only all and (min-width:993px){
26
.offset-l0{
37
margin-left: 0 !important;;

‎css/main.css

+9
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,15 @@ nav ul a{
2525
background: #ededed;
2626
list-style: square;
2727
}
28+
#hamb{
29+
margin-top:22px;
30+
}
31+
#hamb span{
32+
display: block;
33+
width:25px;
34+
height:3px;
35+
margin: 5px auto;
36+
}
2837
footer{
2938
padding-top: 20px;
3039
padding-bottom: 20px;

‎css/tracks.css

+4
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,10 @@ body{
8383
transform:scale(0.7);
8484
margin: 0 auto;
8585
}
86+
.track-title.active{
87+
-webkit-transform:rotate(0) scale(0.7);
88+
transform:rotate(0) scale(0.7);
89+
}
8690
}
8791
@media only all and (max-width: 440px) {
8892
:root{

‎faqs.html

+19-8
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,12 @@
66
<meta name="viewport" content="width=device-width">
77
<meta name="theme-color" content="#2196f3">
88

9-
<!-- use CDN in production mode -->
10-
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
11-
<link rel="stylesheet" href="vendor/css/materialize.min.css">
9+
<!-- TODO: add description and keywords -->
10+
<meta name="description" content="">
11+
<meta name="keywords" content="">
12+
<meta name="author" content="IEEE AlexSB Software Development Committee">
13+
14+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css">
1215

1316
<link rel="stylesheet" href="css/main.css">
1417
<link rel="stylesheet" href="css/faqs.css">
@@ -17,8 +20,13 @@
1720
<nav>
1821
<div class="nav-wrapper white ">
1922
<a href="home.html" id="brand-logo"><img src="media/protons-blue.png"></a>
20-
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse blue-text"><i class="material-icons">menu</i></a>
21-
<ul class="right hide-on-med-and-down">
23+
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse">
24+
<div id="hamb">
25+
<span class="blue"></span>
26+
<span class="blue"></span>
27+
<span class="blue"></span>
28+
</div>
29+
</a> <ul class="right hide-on-med-and-down">
2230
<li><a href="tracks.html" class="blue-text">Tracks</a></li>
2331
<li><a href="history.html" class="blue-text">History</a></li>
2432
<li><a href="faqs.html" class="blue-text">FAQs</a></li>
@@ -86,8 +94,11 @@ <h6 class="center-align">© IEEE AlexSB | Software Development Committee</h6>
8694
</footer>
8795

8896
<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>
89-
<script src="vendor/js/materialize.min.js"></script>
90-
<script src="js/main.js"></script>
91-
<script src="js/faqs.js"></script>
97+
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
98+
<script>
99+
$(document).ready(function () {
100+
$('#button-collapse').sideNav();
101+
});
102+
</script>
92103
</body>
93104
</html>

‎graduates.html

+20-11
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,16 @@
44
<head>
55
<meta charset="UTF-8">
66
<title>Protons Graduates</title>
7-
<!-- add meta tags -->
7+
88
<meta name="viewport" content="width=device-width">
99
<meta name="theme-color" content="#2196f3">
1010

11-
<!-- use CDN in production mode -->
12-
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
13-
<link rel="stylesheet" href="vendor/css/materialize.min.css">
11+
<!-- TODO: add description and keywords -->
12+
<meta name="description" content="">
13+
<meta name="keywords" content="">
14+
<meta name="author" content="IEEE AlexSB Software Development Committee">
15+
16+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css">
1417

1518
<link rel="stylesheet" href="css/main.css">
1619
<link rel="stylesheet" href="css/graduates.css">
@@ -21,8 +24,13 @@
2124
<nav>
2225
<div class="nav-wrapper white ">
2326
<a href="home.html" id="brand-logo"><img src="media/protons-blue.png"></a>
24-
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse blue-text"><i class="material-icons">menu</i></a>
25-
<ul class="right hide-on-med-and-down">
27+
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse">
28+
<div id="hamb">
29+
<span class="blue"></span>
30+
<span class="blue"></span>
31+
<span class="blue"></span>
32+
</div>
33+
</a> <ul class="right hide-on-med-and-down">
2634
<li><a href="tracks.html" class="blue-text">Tracks</a></li>
2735
<li><a href="history.html" class="blue-text">History</a></li>
2836
<li><a href="faqs.html" class="blue-text">FAQs</a></li>
@@ -497,12 +505,13 @@ <h6 class="center-align">© IEEE AlexSB | Software Development Committee</h6>
497505
</footer>
498506

499507

500-
501-
502-
<!-- use CDN in production mode -->
503508
<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>
504-
<script src="vendor/js/materialize.min.js"></script>
505-
<script src="js/main.js"></script>
509+
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
510+
<script>
511+
$(document).ready(function () {
512+
$('#button-collapse').sideNav();
513+
});
514+
</script>
506515
</body>
507516

508517
</html>

‎history.html

+20-10
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,16 @@
44
<head>
55
<meta charset="UTF-8">
66
<title>History of Protons</title>
7-
<!-- add meta tags -->
87
<meta name="viewport" content="width=device-width">
98
<meta name="theme-color" content="#2196f3">
109

10+
<!-- TODO: add description and keywords -->
11+
<meta name="description" content="">
12+
<meta name="keywords" content="">
13+
<meta name="author" content="IEEE AlexSB Software Development Committee">
14+
1115
<!-- use CDN in production mode -->
12-
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
13-
<link rel="stylesheet" href="vendor/css/materialize.min.css">
16+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css">
1417

1518
<link rel="stylesheet" href="css/main.css">
1619
<link rel="stylesheet" href="css/history.css">
@@ -21,7 +24,13 @@
2124
<nav>
2225
<div class="nav-wrapper white ">
2326
<a href="home.html" id="brand-logo"><img src="media/protons-blue.png"></a>
24-
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse blue-text"><i class="material-icons">menu</i></a>
27+
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse">
28+
<div id="hamb">
29+
<span class="blue"></span>
30+
<span class="blue"></span>
31+
<span class="blue"></span>
32+
</div>
33+
</a>
2534
<ul class="right hide-on-med-and-down">
2635
<li><a href="tracks.html" class="blue-text">Tracks</a></li>
2736
<li><a href="history.html" class="blue-text">History</a></li>
@@ -167,13 +176,14 @@ <h6 class="center-align">© IEEE AlexSB | Software Development Committee</h6>
167176

168177

169178

170-
171-
172-
<!-- use CDN in production mode -->
173179
<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>
174-
<script src="vendor/js/materialize.min.js"></script>
175-
<script src="vendor/js/wow.min.js"></script>
176-
<script src="js/main.js"></script>
180+
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
181+
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
182+
<script>
183+
$(document).ready(function () {
184+
$('#button-collapse').sideNav();
185+
});
186+
</script>
177187
<script src="js/history.js"></script>
178188
</body>
179189

‎home.html

+27-15
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,17 @@
33

44
<head>
55
<meta charset="UTF-8">
6-
<title>Protons</title>
7-
<!-- add meta tags -->
6+
<title>Protons Website</title>
87
<meta name="viewport" content="width=device-width">
98
<meta name="theme-color" content="#2196f3">
109

11-
<!-- use CDN in production mode -->
12-
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
13-
<link rel="stylesheet" href="vendor/css/materialize.min.css">
14-
<link rel="stylesheet" href="vendor/css/slick.css">
15-
<link rel="stylesheet" href="vendor/css/slick-theme.css">
10+
<!-- TODO: add description and keywords -->
11+
<meta name="description" content="">
12+
<meta name="keywords" content="">
13+
<meta name="author" content="IEEE AlexSB Software Development Committee">
14+
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css">
16+
<link rel="stylesheet" href="vendor/css/slick-custom.css">
1617

1718
<link rel="stylesheet" href="css/main.css">
1819
<link rel="stylesheet" href="css/home.css">
@@ -23,8 +24,13 @@
2324
<nav>
2425
<div class="nav-wrapper blue lighten-1">
2526
<a href="#" id="brand-logo"><img src="media/protons-logo.png"></a>
26-
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse"><i class="material-icons">menu</i></a>
27-
<ul class="right hide-on-med-and-down">
27+
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse">
28+
<div id="hamb">
29+
<span class="white"></span>
30+
<span class="white"></span>
31+
<span class="white"></span>
32+
</div>
33+
</a> <ul class="right hide-on-med-and-down">
2834
<li><a href="tracks.html">Tracks</a></li>
2935
<li><a href="history.html">History</a></li>
3036
<li><a href="faqs.html">FAQs</a></li>
@@ -164,13 +170,19 @@ <h6 class="center-align">© IEEE AlexSB | Software Development Committee</h6>
164170

165171

166172

167-
168-
<!-- use CDN in production mode -->
169173
<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>
170-
<script src="vendor/js/materialize.min.js"></script>
171-
<script src="vendor/js/slick.min.js"></script>
172-
<script src="js/main.js"></script>
173-
<script src="js/home.js"></script>
174+
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
175+
<script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
176+
<script>
177+
$(document).ready(function () {
178+
$('#button-collapse').sideNav();
179+
$('#slick').slick({
180+
dots:true,
181+
autoplay:true
182+
});
183+
});
184+
</script>
185+
174186
</body>
175187

176188
</html>

‎js/graduates.js

-3
This file was deleted.

‎js/home.js

-9
This file was deleted.

‎js/main.js

-6
This file was deleted.

‎media/graduates/grad.png

-15.3 KB

‎media/graduates/user.png

-2.9 KB

‎media/history/board.png

-16.1 KB

‎media/history/bubble-left-intro.png

-590 Bytes

‎media/history/bubble-right.png

-490 Bytes

‎media/history/grandma-small1.png

-7.82 KB

‎media/history/grandpa-small1.png

-5.44 KB

‎media/history/grandpa-small2.png

-5.53 KB

‎media/history/grandpa-small3.png

-6.08 KB

‎media/history/intr-structure.png

-23.9 KB

‎media/history/intro-base.png

-20.1 KB

‎media/history/intro-bubble.png

-17 KB

‎media/history/intro-grandma.png

-31.2 KB

‎media/history/intro-grandpa.png

-26.7 KB

‎media/history/small-bubbles.png

-17.2 KB

‎media/history/smile.png

-1.69 KB

‎media/history/timeline-bubble-left-2014.png

-617 Bytes

‎media/history/timeline-bubble-right-2013.png

-617 Bytes

‎media/home/alexsb-small.png

-1.73 KB

‎media/home/automation.png

-9.66 KB

‎media/home/back1.jpg

-22.9 KB

‎media/home/community.png

-3.84 KB

‎media/home/competition.png

-6.01 KB

‎media/home/earth.png

-2.37 KB

‎media/home/fun.png

-6.88 KB

‎media/home/nermeen.png

-14.2 KB

‎media/home/programming.png

-9.81 KB

‎media/home/robotics.png

-8.75 KB

‎media/home/samir1.png

-61.6 KB

‎media/home/sessions.png

-10.8 KB

‎media/home/wohoo.png

-2.24 KB

‎media/home/workshops.png

-8.59 KB

‎media/protons-black.png

-1.67 KB

‎media/protons-blue.png

-1.6 KB

‎media/protons-logo.png

-1.45 KB

‎media/tracks/Python-Logo.png

-7.27 KB

‎media/tracks/algo.png

-1.38 KB

‎media/tracks/arduino-icon-2.png

-29.9 KB

‎media/tracks/auto-title.png

-27.9 KB

‎media/tracks/automation.png

-9.66 KB

‎media/tracks/c.png

-7.96 KB

‎media/tracks/cad.png

-29.6 KB

‎media/tracks/communication.png

-4.29 KB

‎media/tracks/electrical-engineering.png

-36 KB

‎media/tracks/idea.png

-8.12 KB

‎media/tracks/microcontroller.jpg

-9.64 KB

‎media/tracks/motor.png

-16.8 KB

‎media/tracks/oop.png

-8.37 KB

‎media/tracks/prog-contest.png

-2.92 KB

‎media/tracks/prog-title.png

-28.3 KB

‎media/tracks/programming.png

-9.81 KB

‎media/tracks/project.png

-5.2 KB

‎media/tracks/protons-tracks.png

-3.48 KB

‎media/tracks/prototyping.png

-29.4 KB

‎media/tracks/robot.png

-2.78 KB

‎media/tracks/robotics-title.png

-26.5 KB

‎media/tracks/robotics.png

-8.75 KB

‎media/tracks/scratch.png

-68 KB

‎media/tracks/super-python.png

-3.95 KB

‎media/tracks/team.png

-16.2 KB

‎media/tracks/tracks-shadow.png

-60 KB

‎tracks.html

+17-11
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,17 @@
44
<head>
55
<meta charset="UTF-8">
66
<title>Protons Tracks</title>
7-
<!-- add meta tags -->
7+
88
<meta name="viewport" content="width=device-width">
99
<meta name="theme-color" content="#2196f3">
1010

11-
<!-- use CDN in production mode -->
12-
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
13-
<link rel="stylesheet" href="vendor/css/materialize.min.css">
14-
<link rel="stylesheet" href="vendor/css/slick.css">
15-
<link rel="stylesheet" href="vendor/css/slick-theme.css">
11+
<!-- TODO: add description and keywords -->
12+
<meta name="description" content="">
13+
<meta name="keywords" content="">
14+
<meta name="author" content="IEEE AlexSB Software Development Committee">
15+
16+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css">
17+
<link rel="stylesheet" href="vendor/css/slick-custom.css">
1618

1719
<link rel="stylesheet" href="css/main.css">
1820
<link rel="stylesheet" href="css/tracks.css">
@@ -22,8 +24,13 @@
2224
<nav>
2325
<div class="nav-wrapper white ">
2426
<a href="home.html" id="brand-logo"><img src="media/protons-blue.png"></a>
25-
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse blue-text"><i class="material-icons">menu</i></a>
26-
<ul class="right hide-on-med-and-down">
27+
<a href="#" data-activates="mobile-demo" id="button-collapse" class="button-collapse">
28+
<div id="hamb">
29+
<span class="blue"></span>
30+
<span class="blue"></span>
31+
<span class="blue"></span>
32+
</div>
33+
</a> <ul class="right hide-on-med-and-down">
2734
<li><a href="tracks.html" class="blue-text">Tracks</a></li>
2835
<li><a href="history.html" class="blue-text">History</a></li>
2936
<li><a href="faqs.html" class="blue-text">FAQs</a></li>
@@ -248,9 +255,8 @@ <h6 class="center-align">© IEEE AlexSB | Software Development Committee</h6>
248255

249256

250257
<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>
251-
<script src="vendor/js/materialize.min.js"></script>
252-
<script src="vendor/js/slick.min.js"></script>
253-
<script src="js/main.js"></script>
258+
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
259+
<script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
254260
<script src="js/tracks.js"></script>
255261
</body>
256262

0 commit comments

Comments
 (0)