Skip to content

Commit df7482d

Browse files
dabit3dabit3
committed
Added newsletter folder
1 parent e0cf309 commit df7482d

File tree

5 files changed

+322
-11
lines changed

5 files changed

+322
-11
lines changed

‎css/style.css

Lines changed: 27 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ a {
77
}
88

99
body {
10-
background:#253E71;
10+
background:#0e2048;
1111
}
1212

1313
.navleft {
@@ -225,10 +225,10 @@ line-height: 60px;
225225

226226
.main-container-p {
227227
color: rgba(255,255,255,.9);
228-
font-size: 20px;
228+
font-size: 18px;
229229
font-weight: 300;
230230
line-height: 30px;
231-
231+
font-family: 'Source Sans Pro', sans-serif;
232232
}
233233

234234
.main-container-2 {
@@ -277,6 +277,7 @@ padding-top: 30px;
277277
.three-link {
278278
font-size:18px;
279279
line-height:30px;
280+
font-family: 'Source Sans Pro', sans-serif;
280281
}
281282

282283
.three-link a {
@@ -552,7 +553,7 @@ width:100%;
552553
border:1px solid rgba(0,0,0,.1);
553554
}
554555

555-
/* ******************* MAILING LIST PAGE ******************** */
556+
/* ******************* NEWSLETTER LIST PAGE ******************** */
556557

557558
input[type=text],
558559
input[type=email] {
@@ -569,9 +570,7 @@ input[type=email] {
569570
padding:20px;
570571
background: rgba(255, 255, 255, .9);
571572
border-radius: 2px;
572-
box-shadow: 0px 0px 25px rgba(0,0,0,.7);
573-
574-
573+
box-shadow: 0px 0px 25px rgba(0,0,0,.7);
575574
}
576575

577576
.mailing-list-signup .textinput {
@@ -619,15 +618,17 @@ input[type=email] {
619618
border-radius: 3px;
620619
transition:background .5s, color .5s, border .5s;
621620
-webkit-transition: background .5s, color: .5s;
622-
border-bottom:2px solid #ADA5A5;
621+
border-bottom:2px solid #C3BFBF;
623622
font-weight: 300;
624623
text-transform: uppercase;
624+
background: #DBDBDB
625625
}
626626

627627
.ml3 input:hover {
628628
background:#081839;
629629
color:#f7f7f7;
630630
border-bottom:2px solid #081839;
631+
cursor: pointer;
631632
}
632633

633634
.mailing-list-copy {
@@ -650,6 +651,7 @@ input[type=email] {
650651
font-weight:300;
651652
text-transform:uppercase;
652653
padding-left:2px;
654+
margin-bottom:20px;
653655
}
654656

655657
.mailing-list-copy-p {
@@ -661,8 +663,16 @@ input:-webkit-autofill {
661663
-webkit-box-shadow: 0 0 0px 1000px white inset;
662664
}
663665

666+
/* ************ END NEWSLETTER CSS *************** */
667+
664668
/* Media Queries */
665669

670+
@media only screen and (min-width:901px) and (max-width: 1100px) {
671+
.mailing-list {
672+
padding: 100px 150px 100px;
673+
}
674+
}
675+
666676
@media only screen and (min-width: 0px) and (max-width: 900px) {
667677

668678
.mobilenav {
@@ -681,6 +691,10 @@ nav {
681691
width:270px;
682692
}
683693

694+
.mailing-list {
695+
padding: 100px 50px 100px;
696+
}
697+
684698

685699

686700
.main-container-2 {
@@ -847,4 +861,9 @@ nav {
847861
}
848862
}
849863

864+
@media only screen and (min-width: 320px) and (max-width: 600px) {
865+
.mailing-list {
866+
padding: 100px 15px 100px;
867+
}
868+
}
850869

‎index.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,13 @@
44
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
55
<meta charset="UTF-8">
66
<title>{ JAWAD }</title>
7+
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600' rel='stylesheet' type='text/css'>
78
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic' rel='stylesheet' type='text/css'>
89
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
910
<link rel="stylesheet" href="bower_components/normalize-css/normalize.css">
1011
<link rel="stylesheet" href="css/style.css">
1112

12-
13+
1314
<script>
1415
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1516
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -28,9 +29,11 @@
2829
<div class="navfixed">
2930
<div class="leftnav">
3031
<section class="navleft">
32+
<a href="/" class=""><h3 >HOME</h3></a>
3133
<a href="#" class="aboutus"><h3 >ABOUT</h3></a>
3234
<a href="mailto:hello@developers.ms"><h3 class="contactus">CONTACT</h3> </a>
3335
<a href="mailto:hello@developers.ms?subject=Submit a talk" title="Submit a talk"><h3 class="giveatalk" >GIVE A TALK</h3></a>
36+
<a href="/newsletter"><h3 >NEWSLETTER</h3></a>
3437
<a target="_blank" href="http://www.meetup.com/Jackson-Area-Web-And-App-Developers/"><h3>JOIN THE MEETUP</h3></a>
3538
<a href="#" class="usefullinks"><h3 >USEFUL LINKS</h3></a>
3639
<a href="https://twitter.com/jacksondevs" target="_blank"><h3><i class="fa fa-twitter"></i></h3></a>

‎js/sendmail.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,15 @@ $(document).ready(function() {
1111
}
1212

1313
if(email != "") {
14-
swal("You've signed up for updates! ", "Unsubscribe at any time.", "success");
14+
swal("You've signed up for the Developers.ms Newsletter! ", "Unsubscribe at any time.", "success");
1515

1616
emailRef.push({ email: email });
1717
console.log(email);
1818

1919
$('#updates-email').val("");
2020
$.ajax({
2121
type: "POST",
22-
url: "mailing-list.php",
22+
url: "../mailing-list.php",
2323
data: varData,
2424
success: function() {
2525

‎newsletter.html

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
5+
<meta charset="UTF-8">
6+
<title>{ JAWAD }</title>
7+
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic' rel='stylesheet' type='text/css'>
8+
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
9+
<link rel="stylesheet" href="bower_components/normalize-css/normalize.css">
10+
<link rel="stylesheet" href="css/style.css">
11+
12+
<script src="bower_components/sweetalert/lib/sweet-alert.min.js"></script>
13+
<link rel="stylesheet" href="bower_components/sweetalert/lib/sweet-alert.css">
14+
15+
<!-- FIREBASE -->
16+
<script src="bower_components/firebase/firebase.js"></script>
17+
18+
<script>var ref = new Firebase("https://developers-newslette.firebaseio.com/");
19+
var emailRef = ref.child("newsletter/subscribe");</script>
20+
<!-- END FIREBASE -->
21+
22+
23+
<script>
24+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
25+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
26+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
27+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
28+
29+
ga('create', 'UA-56521422-1', 'auto');
30+
ga('send', 'pageview');
31+
32+
</script>
33+
</head>
34+
<body>
35+
36+
37+
38+
<div class="navfixed">
39+
<div class="leftnav">
40+
<section class="navleft">
41+
<a href="/" class=""><h3 >HOME</h3></a>
42+
<a href="/" class=""><h3 >ABOUT</h3></a>
43+
<a href="mailto:hello@developers.ms"><h3 class="contactus">CONTACT</h3> </a>
44+
<a href="mailto:hello@developers.ms?subject=Submit a talk" title="Submit a talk"><h3 class="giveatalk" >GIVE A TALK</h3></a>
45+
<a href="#" class="aboutus"><h3 >NEWSLETTER</h3></a>
46+
<a target="_blank" href="http://www.meetup.com/Jackson-Area-Web-And-App-Developers/"><h3>JOIN THE MEETUP</h3></a>
47+
<a href="/" class=""><h3 >USEFUL LINKS</h3></a>
48+
<a href="https://twitter.com/jacksondevs" target="_blank"><h3><i class="fa fa-twitter"></i></h3></a>
49+
</section>
50+
</div>
51+
</div>
52+
53+
<div class="content">
54+
<div class="mobilenav">
55+
<div class="mobile-nav-container">
56+
<a href="#" id="mobile-hamburger"><h2 class="mobile-hamburger" ><img class="mobile-burger-image" src="images/nav.png" alt=""></h2></a><h1 class="mobile-logo">JAWAD</h1>
57+
</div>
58+
</div>
59+
60+
61+
<div class="main-header2">
62+
<section class="main-header-inner">
63+
<div class="main-top">
64+
<div class="mainnav">
65+
<nav><h2 class="hamburger" id="hamburger"><img class="navicon" src="images/nav.png" alt=""></h2><h1 class="topnav">JAWAD</h1></nav>
66+
</div>
67+
</div>
68+
<div class="mailing-list">
69+
<div class="mailing-list-signup">
70+
<div>
71+
<form action="">
72+
73+
<div class="ml1">
74+
<label for="email" class="emailinput">Newsletter</label><br />
75+
</div>
76+
77+
<div class="ml2">
78+
<input name="email" class="textinput" type="text" placeholder="your email address" id="updates-email">
79+
</div>
80+
81+
<div class="ml3">
82+
<input id="mailinglist" class="" type="button" value="Sign Up" />
83+
</div>
84+
85+
</form>
86+
<div class="mailing-list-copy">
87+
<p>Please enter your email address if you would like to receive our weekly newsletter.</p>
88+
</div>
89+
<div class="mailing-list-copy-description">
90+
<p class="mailing-list-copy-heading">About the newsletter</p>
91+
<p class="mailing-list-copy-p">We will send carefully curated content from around the web about web and application development. These will include articles, tutorials, blog posts, and tweets! </p>
92+
<p class="mailing-list-copy-p">
93+
We will also be keeping a pulse on the local community and any events, hackathons, job openings, or cool things happening in the Jackson &amp; Mississippi technology communities.</p>
94+
</p>
95+
<p class="mailing-list-copy-p">We welcome everyone to contribute to the newsletter by emailing us at <a href="mailto:mailinglist@developers.ms?subject=Newsletter Submission" style="color:#8E8D8D">mailinglist@developers.ms</a> with any content you think the community will enjoy, we will even give you a shoutout!</p>
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
</section>
101+
</div>
102+
103+
104+
105+
<!-- <div class="fifth-container-wrap">
106+
<div class="fifth-container">
107+
<div class="recenttalks">
108+
<p class="recenttalks-p">Recent Talks</p>
109+
<div class="atalk">
110+
<div class="avatar-holder">
111+
<img src="https://en.gravatar.com/userimage/24505419/2701a4da2b9fe289dbf212b6410fca2c.jpg" alt="">
112+
</div>
113+
<div class="talk-holder">
114+
<p class="talk-h">Animating the browser with Greensock</p>
115+
<p class="talk-p">Date: 10/28/2014</p>
116+
<p class="talk-p">Presenter: Nader Dabit</p>
117+
</div>
118+
</div>
119+
</div>
120+
</div>
121+
</div> -->
122+
123+
<footer>
124+
<div class="mainfooter">
125+
<div class="footer-content">
126+
<a href="mailto:hello@developers.ms"><h4 class="footer-h4">HELLO@DEVELOPERS.MS</h4></a>
127+
<a href="https://twitter.com/jacksondevs" target="_blank"><h3 class="footer-h3"><i class="fa fa-twitter"></i></h3></a>
128+
</div>
129+
</div>
130+
</footer>
131+
132+
</div>
133+
134+
135+
136+
137+
<script src="bower_components/fastclick/lib/fastclick.js"></script>
138+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
139+
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.14.2/TweenMax.min.js"></script>
140+
<script src="js/main.js"></script>
141+
<script src="js/resize.js"></script>
142+
<script src="js/sendmail.js"></script>
143+
</body>
144+
</html>

0 commit comments

Comments
 (0)