Skip to content

Commit be5bd32

Browse files
JustinWebDevJustinWebDev
committedNov 17, 2023
cleanup
1 parent bbbb692 commit be5bd32

File tree

1 file changed

+100
-83
lines changed

1 file changed

+100
-83
lines changed
 

‎index.html

+100-83
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,44 @@
11
<!doctype html>
22
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
5-
<meta name="description" content="My GitHub site">
6-
<meta name="author" content="Justin">
4+
<meta charset="utf-8">
5+
<meta name="description" content="My GitHub site">
6+
<meta name="author" content="Justin">
77

8-
<title>Justin's GitHub site</title>
8+
<title>Justin's GitHub site</title>
99

10-
<!-- TELLS PHONES NOT TO LIE ABOUT THEIR WIDTH & stops the font from enlarging when a phone is turned sideways-->
11-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
10+
<!-- TELLS PHONES NOT TO LIE ABOUT THEIR WIDTH & stops the font from enlarging when a phone is turned sideways-->
11+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
1212

13-
<!-- STYLE SHEETS -->
14-
<link href="css/normalize.css" rel="stylesheet">
15-
<!-- phone-default -->
16-
<link href="css/small.css" rel="stylesheet">
17-
<!-- enhance-tablet -->
18-
<!-- <link href="css/medium.css" rel="stylesheet"> -->
19-
<!-- enhance-desktop -->
20-
<link href="css/large.css" rel="stylesheet">
21-
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i" rel="stylesheet" type="text/css">
13+
<!-- STYLE SHEETS -->
14+
<link href="css/normalize.css" rel="stylesheet">
15+
<!-- phone-default -->
16+
<link href="css/small.css" rel="stylesheet">
17+
<!-- enhance-tablet -->
18+
<!-- <link href="css/medium.css" rel="stylesheet"> -->
19+
<!-- enhance-desktop -->
20+
<link href="css/large.css" rel="stylesheet">
21+
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i" rel="stylesheet"
22+
type="text/css">
2223
</head>
2324

2425
<body>
25-
<!-- HEADER HERE -->
26-
<header class="clearfix">
26+
<!-- HEADER HERE -->
27+
<header class="clearfix">
2728
<figure class="logo">
28-
<img src="images/logo.jpg" alt="logo" srcset=""> <!--"images/logo1.png 1x, images/logo2.png s2" used for 1x or 2x pixel density-->
29+
<img src="images/logo.jpg" alt="logo" srcset="">
30+
<!--"images/logo1.png 1x, images/logo2.png s2" used for 1x or 2x pixel density-->
2931
</figure>
30-
<h1>Justin's GitHub Pages site</h1>
32+
<h1>Justin's GitHub Pages site</h1>
3133
<h2>(if I had a slogan, it would go here)</h2>
3234
</header>
3335

34-
<!-- NAVIGATION HERE -->
36+
<!-- NAVIGATION HERE -->
3537
<nav class="clearfix">
3638
<button onclick="toggleMenu()">&equiv;</button>
3739
<ul id="primaryNav" class="hide">
3840
<li class="active"><a href="index.html">Home</a></li>
39-
<li ><a href="weather.html">Weather app</a></li>
41+
<li><a href="weather.html">Weather app</a></li>
4042
<li><a href="forms.html">Forms</a></li>
4143
<!--<li><a href="#">Contact</a></li>-->
4244
</ul>
@@ -48,85 +50,100 @@ <h2>(if I had a slogan, it would go here)</h2>
4850
</div>
4951
-->
5052
</nav>
51-
52-
<!-- CONTENT HERE -->
53+
54+
<!-- CONTENT HERE -->
5355
<main class="clearfix">
5456
<aside>
55-
<p>This is <a href="https://github.com/justinwebdev">my GitHub</a> site I created mainly to experiment with git. I've been doing web development for a while,
56-
but this gives me a place to experiment with different front-end elements. Before I got involved with software testing and development, I worked as a mechanical engineer.</p>
57-
<p>I composed a site years ago (my first one!) from scratch for my company as a way to collect departmental knowledge,
58-
best practices, and product information. Though I've not developed an entire commercial site, I have been
59-
maintaining a couple for several years, adding functionality and other maintenance (client- and server-side):</p>
60-
<ul style="list-style-type: circle;">
61-
<li><a href="https://berean-biblechurch.org/">Berean Bible Church</a> (WordPress site theme created by a 3rd-party)
62-
<ul style="list-style-type: disc;">
63-
<li><a href="https://berean-biblechurch.org/live-stream/">live stream media page</a>:
64-
<ul>
65-
<li>created the page and added content</li>
66-
<li>implemented 3rd-party JavaScript audio player and customized it, created a JS reset button for it</li>
67-
<li>added custom JavaScript to track stream status and present messages</li>
68-
<li>implemented stream status indicator using custom PHP and JavaScript (having to work around host limitations)</li>
69-
</ul>
70-
</li>
71-
<li>designed and configured the live audio stream system (DNS, TLS, streaming server, encoder, customized audio player)</li>
72-
<li>created a PHP web app for maintaining the RSS feed</li>
73-
<li>various updates and enhancements across all of the site</li>
74-
</ul>
75-
</li>
76-
<li>Nature's Apothecary site (local business)
77-
<ul style="list-style-type: disc;">
78-
<li><span style="text-decoration: line-through;">implemented contact form with a PHP captcha (NOT Google's <i>terrible</i> reCAPTCHA)</span>
79-
<ul>
80-
<li>recently implemented custom JavaScript to prevent spam, eliminating need for captcha</li>
81-
</ul>
82-
</li>
83-
<li>replaced obsoleted canned e-mail script with custom script</li>
84-
<li>various updates on the site and the server</li>
85-
</ul>
86-
</li>
87-
</ul>
88-
<p style="margin-bottom: -10px;"> I wouldn't claim to be an expert, but good in most of these things:</p>
89-
<ul>
90-
<li>HTML+CSS</li>
91-
<li>PHP+MySQL, Laravel, WordPress</li>
92-
<li>JavaScript, PowerShell </li>
93-
<li>Windows, Linux</li>
94-
<li>networking, web technologies, virtual machines</li>
95-
<li>software testing for over 19 years</li>
96-
</ul>
97-
<p>...still a work in progress...</p>
98-
</aside>
57+
<p>This is <a href="https://github.com/justinwebdev">my GitHub</a> site I created mainly to experiment with
58+
git. I've been doing web development for a while,
59+
but this gives me a place to experiment with different front-end elements. Before I got involved with
60+
software testing and development, I worked as a mechanical engineer.</p>
61+
<p>I composed a site years ago (my first one!) from scratch for my company as a way to collect departmental
62+
knowledge,
63+
best practices, and product information. Though I've not developed an entire commercial site, I have
64+
been
65+
maintaining a couple for several years, adding functionality and other maintenance (client- and
66+
server-side):</p>
67+
<ul style="list-style-type: circle;">
68+
<li><a href="https://berean-biblechurch.org/">Berean Bible Church</a> (WordPress site theme created by a
69+
3rd-party)
70+
<ul style="list-style-type: disc;">
71+
<li><a href="https://berean-biblechurch.org/live-stream/">live stream media page</a>:
72+
<ul>
73+
<li>created the page and added content</li>
74+
<li>implemented 3rd-party JavaScript audio player and customized it, created a JS reset
75+
button for it</li>
76+
<li>added custom JavaScript to track stream status and present messages</li>
77+
<li>implemented stream status indicator using custom PHP and JavaScript (having to work
78+
around host limitations)</li>
79+
</ul>
80+
</li>
81+
<li>designed and configured the live audio stream system (DNS, TLS, streaming server, encoder,
82+
customized audio player)</li>
83+
<li>created a PHP web app for maintaining the RSS feed</li>
84+
<li>various updates and enhancements across all of the site</li>
85+
</ul>
86+
</li>
87+
<li>Nature's Apothecary site (local business)
88+
<ul style="list-style-type: disc;">
89+
<li><span style="text-decoration: line-through;">implemented contact form with a PHP captcha
90+
(NOT Google's <i>terrible</i> reCAPTCHA)</span>
91+
<ul>
92+
<li>recently implemented custom JavaScript to prevent spam, eliminating need for captcha
93+
</li>
94+
</ul>
95+
</li>
96+
<li>replaced obsoleted canned e-mail script with custom script</li>
97+
<li>various updates on the site and the server</li>
98+
</ul>
99+
</li>
100+
</ul>
101+
<p style="margin-bottom: -10px;"> I wouldn't claim to be an expert, but good in most of these things:</p>
102+
<ul>
103+
<li>HTML+CSS</li>
104+
<li>PHP+MySQL, Laravel, WordPress</li>
105+
<li>JavaScript, PowerShell </li>
106+
<li>Windows, Linux</li>
107+
<li>networking, web technologies, virtual machines</li>
108+
<li>software testing for over 19 years</li>
109+
</ul>
110+
<p>...still a work in progress...</p>
111+
</aside>
99112
<h1>Products</h1>
100113
<figure class="myphoto">
101-
<img src="images/img1.jpg" alt="image thingy" sizes="50vw"
102-
srcset="images/img2.jpg 200w,
114+
<img src="images/img1.jpg" alt="image thingy" sizes="50vw" srcset="images/img2.jpg 200w,
103115
images/img5.jpg 500w,
104116
images/img8.jpg 800w,
105117
images/img11.jpg 1100w"><!-- img changes based on width of 50% of screen-->
106118
<figcaption> max img size </figcaption>
107119
</figure>
108-
<p>Lorem ipsum dolor sit amet, ne graeco utroque conceptam nec, primis voluptatibus id his, latine dolorum no eos. Vim cu nominavi quaerendum complectitur, dico choro eu eum, vel iracundia hendrerit ut. Vim atqui dissentiunt te, at vidit sententiae duo. Eu est noluisse vituperata temporibus. An nec velit aeterno, ei vix fugit semper atomorum. Ad sea semper fierent.
120+
<p>Lorem ipsum dolor sit amet, ne graeco utroque conceptam nec, primis voluptatibus id his, latine dolorum no
121+
eos. Vim cu nominavi quaerendum complectitur, dico choro eu eum, vel iracundia hendrerit ut. Vim atqui
122+
dissentiunt te, at vidit sententiae duo. Eu est noluisse vituperata temporibus. An nec velit aeterno, ei vix
123+
fugit semper atomorum. Ad sea semper fierent.
109124

110-
No cibo oporteat pri, per ea sensibus rationibus. Meis luptatum mandamus te vel. Has at probo albucius. Dictas impedit ex has, sanctus molestie in sit.
125+
No cibo oporteat pri, per ea sensibus rationibus. Meis luptatum mandamus te vel. Has at probo albucius.
126+
Dictas impedit ex has, sanctus molestie in sit.
111127

112-
Cu vis quaeque recteque. Ceteros explicari nec et, ad sea iracundia expetendis appellantur, augue audiam epicuri ut sea. Ut sea meis scripta disputationi, et toll</p>
128+
Cu vis quaeque recteque. Ceteros explicari nec et, ad sea iracundia expetendis appellantur, augue audiam
129+
epicuri ut sea. Ut sea meis scripta disputationi, et toll</p>
113130
<br>
114131
<br>
115-
<a href="/css/JHammack_resume.pdf">.</a>
132+
<a href="/css/JHammack_resume.pdf">.</a>
116133
</main>
117-
118-
<!-- FOOTER HERE -->
134+
135+
<!-- FOOTER HERE -->
119136
<footer>
120137
&copy; 2022 &bull; Justin Hammack
121138
</footer>
122139

123-
<script src="js/scripts.js"></script>
124-
<!-- animated hamburger icon -->
125-
<script>
126-
function myFunction(x) {
127-
x.classList.toggle("change");
128-
}
129-
</script>
140+
<script src="js/scripts.js"></script>
141+
<!-- animated hamburger icon -->
142+
<script>
143+
function myFunction(x) {
144+
x.classList.toggle("change");
145+
}
146+
</script>
130147

131148
</body>
132-
</html>
149+
</html>

0 commit comments

Comments
 (0)
Please sign in to comment.