Skip to content

Commit 1f257a0

Browse files
dabit3dabit3
committed
added analytics
1 parent cc99e94 commit 1f257a0

File tree

3 files changed

+144
-18
lines changed

3 files changed

+144
-18
lines changed

‎css/style.css

Lines changed: 81 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -209,6 +209,11 @@ line-height: 60px;
209209
padding-top: 15px
210210
}
211211

212+
.three-link {
213+
font-size:18px;
214+
line-height:30px;
215+
}
216+
212217
.three-link a {
213218
color: #C6C6C6;
214219
text-decoration:none;
@@ -359,6 +364,71 @@ footer {
359364
clear:both;
360365
}
361366

367+
.recenttalks {
368+
369+
}
370+
371+
.fifth-container-wrap {
372+
background:#132752;
373+
padding:0px 0px 30px;
374+
}
375+
376+
.fifth-container {
377+
width:900px;
378+
margin: 0 auto;
379+
380+
381+
}
382+
383+
.recenttalks-p {
384+
border-bottom: 1px solid #F6F6F6;
385+
margin: 0 auto;
386+
font-weight: 300;
387+
padding-top: 20px;
388+
padding-bottom: 10px;
389+
font-size: 36px;
390+
width: 200px;
391+
color:#F6F6F6;
392+
}
393+
394+
.atalk {
395+
396+
border-radius:10px;
397+
padding:15px 10px;
398+
width: 700px;
399+
margin: 0 auto;
400+
401+
}
402+
403+
.avatar-holder {
404+
405+
height:100px;
406+
407+
text-align:center;
408+
}
409+
410+
.avatar-holder img {
411+
margin-top:35px;
412+
border-radius:100px;
413+
}
414+
415+
.talk-p {
416+
color:#D9D9D9;
417+
font-weight:300;
418+
font-size:16px;
419+
}
420+
421+
.talk-h {
422+
font-size:20px;
423+
color:#D9D9D9;
424+
font-weight:300;
425+
}
426+
427+
.talk-holder {
428+
text-align:center;
429+
margin-top: 36px;
430+
}
431+
362432
/* Mobile Only */
363433

364434
.mobilenav {
@@ -373,8 +443,7 @@ width:100%;
373443
.mobile-hamburger {
374444
float:left;
375445
margin:0;
376-
width:35px;
377-
padding:12px;
446+
padding:10px 20px;
378447
background:#000000;
379448
}
380449

@@ -391,9 +460,9 @@ width:100%;
391460
margin:0;
392461
font-weight: 100;
393462
color:#ffffff;
394-
margin-top: 10px;
395463
margin-left: 20px;
396-
}
464+
padding-top:9px;
465+
}
397466

398467

399468
.mobile-navicon {
@@ -484,6 +553,14 @@ nav {
484553
padding:0px 10px;
485554
}
486555

556+
.navleft h3 {
557+
font-weight:300;
558+
}
559+
560+
.footer-h4 {
561+
font-size:14px;
562+
}
563+
487564
}
488565

489566

‎index.html

Lines changed: 37 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,16 @@
88
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
99
<link rel="stylesheet" href="bower_components/normalize-css/normalize.css">
1010
<link rel="stylesheet" href="css/style.css">
11+
<script>
12+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
13+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
14+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
15+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
16+
17+
ga('create', 'UA-56521422-1', 'auto');
18+
ga('send', 'pageview');
19+
20+
</script>
1121
</head>
1222
<body>
1323

@@ -17,10 +27,10 @@
1727
<div class="leftnav">
1828
<section class="navleft">
1929
<h3 class="aboutus">ABOUT</h3>
20-
<h3 class="contactus">CONTACT</h3>
21-
<h3 class="giveatalk">GIVE A TALK</h3>
30+
<a href="mailto:hello@developers.ms"><h3 class="contactus">CONTACT</h3> </a>
31+
<a href="mailto:hello@developers.ms?subject=Submit a talk" title="Submit a talk"><h3 class="giveatalk" >GIVE A TALK</h3></a>
2232
<a target="_blank" href="http://www.meetup.com/Jackson-Area-Web-and-Mobile-Developers/"><h3>JOIN THE MEETUP</h3></a>
23-
<h3 class="usefullinks">USEFUL LINKS</h3>
33+
<h3 class="usefullinks" >USEFUL LINKS</h3>
2434
<a href="https://twitter.com/jacksondevs" target="_blank"><h3><i class="fa fa-twitter"></i></h3></a>
2535
</section>
2636
</div>
@@ -54,7 +64,7 @@ <h2 class="main-container-h2">Meet other local Developers to network, share know
5464

5565
<div class="second-container">
5666
<section class="main-container-2">
57-
<h3 class="main-container-h3">About</h3>
67+
<h3 class="main-container-h3" id="aboutustarget">About</h3>
5868
<p class="main-container-p">This group is for professional web designers and developers looking to network with others in the industry, learn about new or emerging technologies, and for anyone looking to learn web development (beginner to advanced).</p>
5969
<p class="main-container-p">We talk design for the web, share experiences with use of different tools &amp; languages, critique web sites, talk industry, business, employment news, and share motivations and inspirations. This group is intended to become a hub for all today's technologies that make up the Internet as we know it. </p>
6070
<p class="main-container-p">
@@ -65,7 +75,7 @@ <h3 class="main-container-h3">About</h3>
6575

6676
<div class="third-container">
6777
<div class="third-container-3">
68-
<h3 class="third-container-h3">
78+
<h3 class="third-container-h3" id="usefullinkstarget">
6979
Useful Links
7080
</h3>
7181
<p class="three-link first-mobile-three-link"><a target="_blank" href="https://developer.mozilla.org/en-US/"><span class="three-big">Mozilla Developer Network</span></a></p>
@@ -74,11 +84,11 @@ <h3 class="third-container-h3">
7484
<p class="three-link three-under"><a href="http://codepen.io/" target="_blank"><span class="three-big">Codepen</span></a></p>
7585
<p class="three-link ">CodePen is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. Codepen is a great too to play with different code and see cutting edge techniues.</p>
7686
<p class="three-link three-under"><a href="https://news.ycombinator.com" target="_blank"><span class="three-big">Hacker News</span></a></p>
77-
<p>Hacker News caters to programmers and entrepreneurs, delivering content related to computer science and entrepreneurship. It is run by Paul Graham's investment fund and startup incubator, Y Combinator.</p>
87+
<p class="three-link">Hacker News caters to programmers and entrepreneurs, delivering content related to computer science and entrepreneurship. It is run by Paul Graham's investment fund and startup incubator, Y Combinator.</p>
7888
<p class="three-link three-under"><a href="http://www.css-tricks.com" target="_blank"><span class="three-big">CSS-Tricks</span></a></p>
79-
<p>Dedicated to the world of CSS and related technologies. Snippets, videos, tricks and tutorials</p>
89+
<p class="three-link">Dedicated to the world of CSS and related technologies. Snippets, videos, tricks and tutorials</p>
8090
<p class="three-link three-under"><a href="http://www.codecademy.com/"><span class="three-big">Code Academy</span></a></p>
81-
<p>Learn how to code.</p>
91+
<p class="three-link">Learn how to code.</p>
8292
</div>
8393
</div>
8494

@@ -107,7 +117,7 @@ <h4>
107117
<h4>
108118
<a target="_blank" href="http://www.workinthehive.com">#thehive</a>
109119
</h4>
110-
<p>WebCare360 provides Outstanding Anonymous Offshore European Web Hosting, Reseller Hosting, VPS Hosting and Dedicated Servers and Powerful DDoS mitigation Solutions</p>
120+
<p>#HIVE is a workspace community of entrepreneurs, freelancers, and creators. The hive offers a non-traditional working environment that puts their members together in one place with coworkers from different backgrounds. This dynamic allows for incredible cross-market collaboration.</p>
111121
</div>
112122
</section>
113123

@@ -122,6 +132,24 @@ <h4>
122132

123133
</div>
124134
</div>
135+
136+
<!-- <div class="fifth-container-wrap">
137+
<div class="fifth-container">
138+
<div class="recenttalks">
139+
<p class="recenttalks-p">Recent Talks</p>
140+
<div class="atalk">
141+
<div class="avatar-holder">
142+
<img src="https://en.gravatar.com/userimage/24505419/2701a4da2b9fe289dbf212b6410fca2c.jpg" alt="">
143+
</div>
144+
<div class="talk-holder">
145+
<p class="talk-h">Animating the browser with Greensock</p>
146+
<p class="talk-p">Date: 10/28/2014</p>
147+
<p class="talk-p">Presenter: Nader Dabit</p>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
</div> -->
125153

126154
<footer>
127155
<div class="mainfooter">

‎js/main.js

Lines changed: 26 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ $(sponsortwo).click(function() {
4646
}
4747

4848
if (sponsor2open == false) {
49-
TweenMax.to(hive, .14, {height:145});
49+
TweenMax.to(hive, .14, {height:170});
5050
sponsor2open = true;
5151
} else {
5252
TweenMax.to(hive, .14, {height:0});
@@ -137,14 +137,35 @@ $('#hamburger').click(function() {
137137
var top = body.scrollTop();
138138

139139
$('.aboutus').click(function(e) {
140-
e.preventDefault();
141-
$('html, body').animate({scrollTop: '1040px'}, 400);
142-
TweenMax.to(content, .4, {marginRight:0, ease:Cubic.easeInOut});
140+
141+
e.preventDefault();
142+
$('html,body').animate({
143+
scrollTop: $("#aboutustarget").offset().top - 70
144+
});
145+
146+
147+
TweenMax.to(content, .4, {marginRight:0, ease:Cubic.easeInOut});
148+
TweenMax.to(content, .4, {marginLeft:0, ease:Cubic.easeInOut});
149+
TweenMax.to(leftnav, .4, {marginLeft:-400, ease:Cubic.easeInOut});
150+
151+
open = false;
152+
});
153+
154+
$('.usefullinks').click(function(e) {
155+
156+
e.preventDefault();
157+
$('html,body').animate({
158+
scrollTop: $("#usefullinkstarget").offset().top - 70
159+
});
160+
161+
162+
TweenMax.to(content, .4, {marginRight:0, ease:Cubic.easeInOut});
143163
TweenMax.to(content, .4, {marginLeft:0, ease:Cubic.easeInOut});
144164
TweenMax.to(leftnav, .4, {marginLeft:-400, ease:Cubic.easeInOut});
145165

146166
open = false;
147-
})
167+
168+
});
148169

149170

150171
});

0 commit comments

Comments
 (0)