-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (166 loc) · 7.43 KB
/
index.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!doctype html>
<html>
<title> Dr. Paul K. Shreeman's Profile </title>
<body>
<head>
<!--Google's Veritifcation -->
<meta name="google-site-verification" content="smrZNxol90QXv5ioauiWt7yt7NQg5BvCiTvLKFBeAzM" />
<script src="jquery-3.1.1.slim.min.js"></script>
<title>Dr. Paul Kenneth Shreeman's Profile </title>
<!--Stylesheets modules -->
<!--link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"-->
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type = "text/css">
<link href="mySass.css" rel="stylesheet" type="text/css">
<!-- Javascript modules -->
<script src="myjs.js"></script>
<script src="quote.js"></script>
<script src="respond.min.js"></script>
<script async src="http://assets.codepen.io/assets/embed/ei.js"></script>
</head>
<!-- Section of Navigation Panel -->
<div id="navg" class="stillness">
<!--img src="icons/SmileCircle.png"-->
<ul>
<li>
<a href="#seconddiv">
<div class="nagdiv"> Research Publications</div>
</a>
</li><li>
<a href="#thirddiv">
<div class="nagdiv"> Final Cut Pro X </div>
</a>
</li><li>
<a href="#fourthdiv">
<div class="nagdiv"> Front End Development</div>
</a></li>
</ul>
<div id = "clickableicons">
<!--Grouping the clickable links to my other profiles -->
<a href="http://www.freecodecamp.com/pkshreeman">
<img class="icon" src="icons/fcc.png">
</a>
<a href="http://codepen.io/pkshreeman">
<img class="icon" src="icons/codepen.png">
</a>
<a href="http://linkedin.com/in/pkshreeman">
<img class="icon" src="icons/lin.png">
</a>
<a href="https://github.com/pkshreeman">
<img class="icon" src="icons/github.png">
</a>
<a href="https://medium.com/@pkshreeman">
<img class="icon" style="background-color:white" src="icons/medium.png">
</a>
</div>
<!--End of clickable grouping-->
</div>
<!--End of the navigation div-->
<div id="firstvideo">
<video width=" 100%" autoplay>
<source src="Salutation.mp4">
<!-- Add vanishing effect after the video? -->
</video>
</div>
<div id="seconddiv">
<!-- Research Publications Showcase here... -->
<hr>
<h1>
Research Publications - Peer Reviewed
</h1>
<hr>
<div class="a-row">
<div class="third">
<a href="https://drive.google.com/file/d/0B69-mwt8z-vzN3g2TTZZXzJMMW8/view?usp=sharing">
<img class="zoomer" src="ImagesPublications/2013s.png" alt="2013s.png">
</a>
</div>
<div class="third">
<a href="https://drive.google.com/file/d/0B69-mwt8z-vzSG9hdGFXVDFsR3M/view?usp=sharing">
<img src="ImagesPublications/2011s.png">
</a>
</div>
<div class="third">
<a href="https://drive.google.com/file/d/0B69-mwt8z-vzMVlHWE1DUWVRYzg/view?usp=sharing">
<img src="ImagesPublications/2010s.png">
</a>
</div>
<div class="third">
<a href="https://drive.google.com/file/d/0B69-mwt8z-vza2NubnJQQmdrWkk/view?usp=sharing">
<img src="ImagesPublications/Dissertation1.png">
</a>
</div>
</div>
<br>
</div>
<hr>
<div id="thirddiv">
<h1> Final Cut Pro X Showcases </h1>
<hr>
<div class="a-row">
<div class="half">
<a href="https://www.youtube.com/watch?v=Qn4jhTtTmBM&list=FLDG7Hh6u6CXzFKqeeGXlAOA">
<img src="icons/Glide.jpg">
</a>
<p>
Interviewed with Glide Representative (Sarah Glide), merged three simltaneous videos into a single stream with changing views.
</p>
</div>
<div class="half">
<a href="https://www.youtube.com/watch?v=kGWbPuno0IQ">
<img src="icons/BPC.png">
</a>
<p>
Performed at Bedpost Confessions (BPC), produced and merged two simltaneous videos, audio recordings and captioning (with Awti Productions)
</p>
</div>
</div>
<hr>
</div>
<div id="fourthdiv">
<h1> Front End Development Showcases </h1>
<hr>
<div class="a-row">
<div class="half">
<p data-height="350" data-theme-id="dark" data-slug-hash="xErQLj" data-default-tab="js,result" data-user="pkshreeman" data-embed-version="2" data-preview="true" class="codepen">See the Pen <a href="http://codepen.io/pkshreeman/pen/xErQLj/">Simon Game v2</a> by Dr. Paul Kenneth Shreeman (<a href="http://codepen.io/pkshreeman">@pkshreeman</a>) on <a href="http://codepen.io">CodePen</a>.</p>
</div>
<div class="half">
<p> Simon Game, the final project of Free Code Camp Front End Development was coded from scratch without use of additional external CSS or HTML libraries. Javascript and JQuery was used extensively to develop this project. Objective was to
quickly complete the project with most simple algorithms as possible.</p>
<span>Javascript</span>
<span>JQuery</span>
<span>HTML5</span>
<span>CSS3</span>
</div>
</div>
<hr>
<div class="a-row">
<div class="half quotebody">
<div id="quotemachine">
"As a bee gathering nectar does not harm or disturb the color & fragrance of the flower; so do the wise move through the world." Buddha
</div>
<div class="a-row">
<div id="block1">
<a class="button" target="_blank" href='https://twitter.com/intent/tweet?text= "As a bee gathering nectar does not harm or disturb the color and fragrance of the flower, so do the wise move through the world. – Buddha"'>
<button>Tweet the quote! </button></a>
</div>
<div>
<button id="quotebutton">Random Quotes</button>
</div>
</div>
<div class="contents">
<a href="http://buddhaimonia.com/101-zen-sayings-and-proverbs/">Click here for the source of these quotes</a>
</div>
</div>
<div class="half">
<p>
One of the earlier projects on Free Code Camp, this project remains one of my favorites where I struggled with how to string together various non-constant variables for tweeting purposes, and how to create the functional tweet button. This is modification of the earlier project, and I am happy to report that I have increased my JQuery mastery!</p>
<span>Javascript</span>
<span>JQuery</span>
<span>HTML5</span>
<span>CSS3</span>
</div>
</div>
</div>
<!--End of fourth div-->
</body>
</html>