-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
112 lines (95 loc) · 6.15 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>NP: About</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="author" content="Neill Perry">
<meta name="description" content="Neill Perry's Website">
<!-- OpenGraph tags -->
<meta property="og:title" content="Neill Perry">
<meta property="og:description" content="Neill Perry's Personal Website">
<meta property="og:type" content="website">
<meta property="og:image" content="https://neillperry.com/img/Social_media/test_twitter.jpg">
<meta property="og:url" content="https://neillperry.com">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="Neill Perry">
<meta name="twitter:image:alt" content="Rodeo Night">
<meta name="twitter:site" content="@neillperry">
<link rel="stylesheet" href="css/main.css" type="text/css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<!-- COLLAPSIBLE NAV BAR -->
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<!-- Brand -->
<a class="navbar-brand" href="https://neillperry.com/">
<div class="inset"><img src="img/Avatar_noodles.jpg"></div>
</a>
<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://neillperry.com/about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://neillperry.com/reading.html">Reading</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://neillperry.com/writing.html">Writing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://neillperry.com/projects.html">Projects</a>
</li>
</ul>
</div>
</nav>
<!-- Jumbotron -->
<div class="jumbotron jumbotron-fluid jumbotron-mantis">
<div class="container text-center center-block">
<h1>Neill Perry</h1>
</div>
</div>
<main class="container col-9">
<div class="contanier-fluid text-justify content">
<p>Hello, welcome to my website. This is a project that I started to learn web development. The project has come a long way in the last three years, and it's still a work in progress. If you want to see how bad I was at first, you can dig up
earlier versions of this project in my GitHub profile. The story of this website is the story of my efforts to learn software development. About four years ago, I had plateued in my career, and I started looking for new challenges. At the
time, there was a growing trend toward coding bootcamps. I had done some coding back in the day in the old BASIC language, and I thought I would give it a shot. </p>
<p>Although there are easier ways to build a personal website, doing it myself has been the most effective for learning. Companies such as Squarespace and Wordpress allow you to quickly construct a personal website. For a
little bit more control, one could deploy a content management system using Netifly. As useful as those products are, I have found that nothing reinforces learning than doing it myself. Writing my own robots.txt and CNAME files helps me
remember what those files do. Besides, it's not terribly hard to copy and paste some HTML and CSS code from W3 Schools and Bootstrap.</p>
<p>A secondary purpose of this website is to house my blog and photos. At various points, I have abandoned this do-it-yourself website in favor of commercial website services such as Squarespace and WordPress. However, each time that I have
signed up, I was ultimately dissatisfied with what they offered. A somewhat related problem is the privacy protections of Instagram. Although I have an Instagram account, I generally do not post there because I distrust the Facebook
overlords. So this website also houses my pictures.</p>
<p>I have definitely learned a lot on this project. I learned about the <a href="https://en.wikipedia.org/wiki/Browser_wars" target="_blank" rel="noopener noreferrer">First and Second Browser Wars</a>, WebKit and browser engines, DNS
settings, and flexboxes. I'm still mastering that last one. In any event, it's been fun.</p>
<hr>
<p>I would say that I love getting email from fans, but no one has ever sent me anything. Please feel free to contact me if you want. My Twitter profile is in the footer below, and you can
find me on LinkedIn effortlessly.</p>
</div>
</main>
<!-- Footer links -->
<footer>
<ul>
<li>© 2025 Neill Perry</li>
<li><a href="https://neillperry.com/about.html">About</li>
<li><a href="https://twitter.com/neillperry/" target="_blank" rel="noopener noreferrer">Twitter</a></li>
<li><a href="https://bsky.app/profile/neillperry.com" target="_blank" rel="noopener noreferrer">Bluesky</a></li>
<li><a href="https://www.linkedin.com/in/neillperry/" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
<li><a href="https://github.com/neillperry" target="_blank" rel="noopener noreferrer">GitHub</a></li>
<li><a href="https://neillperry.com/credits.html">Credits</li>
</ul>
</footer>
</body>
</html>