forked from pjflameboy/pjflameboy.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogm.html
122 lines (99 loc) · 3.93 KB
/
blogm.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<head>
<title>Paul Johnson</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="./css/expandingm.css">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.popupoverlay.js"></script>
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
</head>
<body>
<script type="text/javascript">
function pageMove(pageName){
window.location = pageName;
}
</script>
<div data-role="header">
<div data-role="navbar">
<ul>
<li><a href="#" onclick="pageMove('mobile.html');return false;" >Home</a></li>
<li><a href="#" onclick="pageMove('aboutm.html');return false;" >About</a></li>
<li><a href="#" onclick="pageMove('portfoliom.html');return false;" >Work</a></li>
<li><a href="#" onclick="pageMove('blogm.html');return false;" class="ui-btn-active">Blog</a></li>
<li><a href="#popupContact" class="popupContact_open" >Contact</a></li>
</ul>
</div><!-- /navbar -->
</div>
<article class="topbox">
<div id="topbar"></div>
<h1>Blog</h1>
<img class="picofme" src="images/me.png" alt="picture of me"></img>
<div class="desc">
Check back later when I've built this page!
</div>
</article>
<!--contact me popup-->
<div id="popupContact" class="popupcontContact">
<h3>Want to contact me?</h3>
</br>
<p>I'd love to hear from you!</p>
<section class="contactContent">
<ul class="contactIcons">
<li style="list-style-type: none;"><a href="mailto:[email protected]"><i class="iconfoot fa fa-envelope"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.linkedin.com/profile/view?id=202137978"><i class="iconfoot fa fa-linkedin"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.youtube.com/channel/UCEzGJ1a9-IxQS9WbwO77QDQ/videos"><i class="iconfoot fa fa-youtube-square"></i></a></li>
<li style="list-style-type: none;"><a href="https://github.com/pjflameboy"><i class="iconfoot fa fa-git"></i></a></li>
</ul>
</section>
<div style="text-align:center;">
<a href="" class="buttonOC closepopup popupContact_close">close</a>
</div>
</div>
<script>
$(document).ready(function () {
$('#popupContact').popup({
color: 'white',
opacity: 1,
pagecontainer: '.container',
transition: 'all 0.3s'
});
});
</script>
<style>
#popupContact {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.popup_visible #popupContact {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
</style>
<section>
<footer class="wFooter">
<section class="footerContent">
<ul class="contactIcons">
<li style="list-style-type: none;"><a href="mailto:[email protected]"><i class="iconfoot fa fa-envelope"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.linkedin.com/profile/view?id=202137978"><i class="iconfoot fa fa-linkedin"></i></a></li>
<li style="list-style-type: none;"><a href="https://www.youtube.com/channel/UCEzGJ1a9-IxQS9WbwO77QDQ/videos"><i class="iconfoot fa fa-youtube-square"></i></a></li>
<li style="list-style-type: none;"><a href="https://github.com/pjflameboy"><i class="iconfoot fa fa-git"></i></a></li>
</ul>
© 2015 Paul Johnson<br/>
Run with <a href="https://www.github.com">Github</a><br>
CV available on request
</section>
</footer>
</section>
</body>
</html>