Skip to content
This repository was archived by the owner on Jul 4, 2023. It is now read-only.

Commit d6d2e88

Browse files
lkwatsonlkwatson
committed
Added new animated Hero text. Fixed sizing on mobile devices. Prepeared SEO and GA data
1 parent a4c9de6 commit d6d2e88

9 files changed

Lines changed: 119 additions & 25 deletions

File tree

‎css/style.css‎

Lines changed: 29 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.scss‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,10 @@ body {
3434

3535
}
3636

37+
.row {
38+
margin: 0px 0px;
39+
}
40+
3741
// Navbar styling
3842
// For color styling, see bottom of doc
3943
.navbrand {
@@ -78,11 +82,49 @@ body {
7882
color: $buRed;
7983
}
8084

85+
.slide-up-down-animation {
86+
//4s must be matches in script (4000 ms there)
87+
animation: up-down-keys 2s ease-in-out 0s infinite;
88+
transform: translate(0px,0px);
89+
display: inline-block;
90+
opacity: 1;
91+
font-size: 45px;
92+
}
93+
94+
@keyframes up-down-keys {
95+
0% {
96+
transform: translate(0px,-100px);
97+
opacity: 0;
98+
}
99+
15% {
100+
transform: translate(0px,0px);
101+
opacity: 1;
102+
}
103+
85% {
104+
transform: translate(0px,0px);
105+
opacity: 1;
106+
}
107+
100% {
108+
transform: translate(0px,100px);
109+
opacity: 0;
110+
}
111+
}
112+
81113
//About
82114
.about-text p {
83115
font-size: 1.3em;
84116
}
85117

118+
//Get Involved
119+
#facebook-page-iframe {
120+
width: 340px;
121+
}
122+
@media(max-width: 500px) {
123+
#facebook-page-iframe {
124+
width: 280px;
125+
}
126+
}
127+
86128
//Break element (red page-spanning block)
87129
.break-block {
88130
background-color: $buRed;

‎img/fav-1x.png‎

3.74 KB
Loading

‎img/fav-2x.png‎

66.9 KB
Loading

‎img/fav-4x.png‎

1 MB
Loading

‎img/makebu-head.png‎

-908 KB
Loading

‎index.html‎

Lines changed: 24 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
xmlns:fb="http://ogp.me/ns/fb#">
44
<head>
55
<meta charset="utf-8">
6-
<title>MakeBU</title>
7-
<meta name="description" content="">
6+
<title>MakeBU at Boston University</title>
7+
<meta name="description" content="MakeBU is a student-run organization at Boston University that is focused on creating projects and gaining experience in various fields of technology.">
88
<meta name="viewport" content="width=device-width, initial-scale=1">
99

1010
<link rel="canonical" href="http://make.bu.edu/"/>
@@ -17,9 +17,9 @@
1717
<script src="libs/bootstrap/dist/js/bootstrap.min.js"></script>
1818
<script src="js/script.js"></script>
1919

20-
<!-- <link rel="icon" href="favicon@1x.png" type="image/png" sizes="16x16"> -->
21-
<!-- <link rel="icon" href="favicon@2x.png" type="image/png" sizes="128x128"> -->
22-
<!-- <link rel="icon" href="favicon@4x.png" type="image/png" sizes="512x512"> -->
20+
<link rel="icon" href="img/fav-1x.png" type="image/png" sizes="16x16">
21+
<link rel="icon" href="img/fav-2x.png" type="image/png" sizes="128x128">
22+
<link rel="icon" href="img/fav-4x.png" type="image/png" sizes="512x512">
2323

2424
<!-- IE Fix for HTML5 Tags -->
2525
<!--[if lt IE 9]>
@@ -28,28 +28,28 @@
2828

2929
<!-- SEO -->
3030

31-
<meta itemprop="name" content="MakeBU">
32-
<meta itemprop="description" content="">
33-
<meta itemprop="image" content="">
31+
<meta itemprop="name" content="MakeBU at Boston University">
32+
<meta itemprop="description" content="MakeBU is a student-run organization at Boston University that is focused on creating projects and gaining experience in various fields of technology.">
33+
<meta itemprop="image" content="img/makebu-head.png">
3434

3535
<meta property="og:url" content="http://make.bu.edu/">
36-
<meta property="og:type" content="">
37-
<meta property="og:title" content="MakeBU - Boston University">
38-
<meta property="og:image" content="">
39-
<meta property="og:description" content="">
36+
<meta property="og:type" content="Website">
37+
<meta property="og:title" content="MakeBU at Boston University">
38+
<meta property="og:image" content="img/makebu-head.png">
39+
<meta property="og:description" content="MakeBU is a student-run organization at Boston University that is focused on creating projects and gaining experience in various fields of technology.">
4040
<meta property="og:site_name" content="MakeBU">
4141
<meta property="og:locale" content="en_US">
4242

4343
<!-- GA -->
4444

4545
<script>
46-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
47-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
48-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
49-
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
46+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
47+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
48+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
49+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
5050

51-
ga('create', 'UA-59425523-1', 'auto');
52-
ga('send', 'pageview');
51+
ga('create', 'UA-67825496-6', 'auto');
52+
ga('send', 'pageview');
5353

5454
</script>
5555
</head>
@@ -90,7 +90,7 @@
9090
<div class="col-md-6 col-sm-6 col-xs-12 box-normal">
9191
<h1 class="feature-text">
9292
Come and<br>
93-
<span class="feature-text-red">Make, Hack, Create, and Learn</span><br>
93+
<span class="feature-text-red" id="scroll-verbs">Make, Hack, Create, and Learn</span><br>
9494
With us
9595
</h1>
9696
</div>
@@ -108,11 +108,11 @@ <h2 class="text-center"><span class="break-block-main">Who are we?</span><span c
108108
</div>
109109
<div class="col-md-6 col-sm-7 col-xs-12 about-text">
110110
<h3>Us</h3>
111-
<p>We're a student-run group of makers. We seek to create awesome projects and gain valuable and knowledge through our various events.</p>
111+
<p>We're a student-run group of makers that build awesome projects. We also bring in mentors from various fields and companies so we can learn from their experience and expertise.</p>
112112
<h3>You</h3>
113-
<p>Innovation comes from all kinds of fields and minds. We welcome all majors and fields. In fact, we very much enjoy working on diverse teams. No matter your background, stop by and say hello!</p>
113+
<p>Innovation comes from all kinds of fields and minds. We welcome all majors. In fact, we very much enjoy working in diverse teams. No matter your background, stop by and say hello!</p>
114114
<h3>Together</h3>
115-
<p>We want to create a strong platform for students to build stuff, along with a diverse environment filled with learning and practical experience.</p>
115+
<p>We want to create a strong platform for students to work on projects and gain practical experience, supplemented by interacting with mentors in our fields of interest.</p>
116116
</div>
117117
</div>
118118
<!-- Break -->
@@ -128,7 +128,8 @@ <h3>Fall 2016 Calendar</h3>
128128
<p>We're still finalizing our Fall calendar, but we expect to meet once a week. <strong>Come back soon!</strong></p>
129129
</div>
130130
<div class="col-sm-6 col-xs-12">
131-
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmakebu%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=133524000151621" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
131+
<h4>Like our Facebook page to receive updates on upcoming events.</h4>
132+
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmakebu%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=133524000151621" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" id="facebook-page-iframe"></iframe>
132133
</div>
133134
</div>
134135

‎js/script.js‎

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
// Add scrollspy to <body>
2+
/*
3+
TODO Fix this
24
$('body').scrollspy({target: ".navbar", offset: 50});
35
46
$("#main-navbar a").on('click', function(e){
5-
console.log("hello");
67
if (this.hash !== "") {
78
event.preventDefault();
89
var hash = this.hash;
@@ -13,4 +14,25 @@ $("#main-navbar a").on('click', function(e){
1314
window.location.hash = hash;
1415
});
1516
}
17+
});
18+
*/
19+
20+
//Scroll between the hero verbs
21+
var scrollHeroVerbs = ["Make","Hack","Create","Learn"];
22+
var iHero = 0; //incrementer for Hero text
23+
24+
$(document).ready(function() {
25+
26+
$('#scroll-verbs').addClass("slide-up-down-animation");
27+
28+
function scrollHeroFn() {
29+
iHero = (iHero >= scrollHeroVerbs.length-1) ? 0 : iHero+1;
30+
$('#scroll-verbs').text(function(i,t){
31+
return scrollHeroVerbs[iHero];
32+
});
33+
}
34+
35+
scrollHeroFn(); //Run once
36+
setInterval(function(){scrollHeroFn()}, 2000); //then repeat
37+
1638
});

0 commit comments

Comments
 (0)