143 lines
7.4 KiB
HTML
143 lines
7.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!-- Begin Jekyll SEO tag v2.7.1 -->
|
|
<title>Introduction | Dan Jones</title>
|
|
<meta name="generator" content="Jekyll v3.9.0" />
|
|
<meta property="og:title" content="Introduction" />
|
|
<meta name="author" content="Dan Jones" />
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta name="description" content="Web developer, actor, all around good guy" />
|
|
<meta property="og:description" content="Web developer, actor, all around good guy" />
|
|
<link rel="canonical" href="https://danielrayjones.com/" />
|
|
<meta property="og:url" content="https://danielrayjones.com/" />
|
|
<meta property="og:site_name" content="Dan Jones" />
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta property="twitter:title" content="Introduction" />
|
|
<script type="application/ld+json">
|
|
{"headline":"Introduction","description":"Web developer, actor, all around good guy","url":"https://danielrayjones.com/","@type":"WebSite","author":{"@type":"Person","name":"Dan Jones"},"name":"Dan Jones","@context":"https://schema.org"}</script>
|
|
<!-- End Jekyll SEO tag -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="/assets/style-0e5eb0d10774a02fa367f1b5b56af55a0e96e85dc1eaa313919dc90f7c5bb946.css" integrity="sha256-Dl6w0Qd0oC+jZ/G1tWr1Wg6W6F3B6qMTkZ3JD3xbuUY=" crossorigin="anonymous">
|
|
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
|
|
</head>
|
|
|
|
<body class="bg-dark">
|
|
<div class="container-fluid primary-container">
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark site-header">
|
|
<a class="navbar-brand" href="/">Dan Jones</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
|
data-bs-target="#nav-links" aria-label="Toggle navigation"
|
|
aria-controls="nav-links" aria-expanded="false">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse nav navbar-collapse justify-content-end" id="nav-links">
|
|
<a class="nav-link" href="/">Introduction</a>
|
|
<a class="nav-link" href="/web/">Web Résumé</a>
|
|
<a class="nav-link" href="/theater/">Acting Résumé</a>
|
|
<a class="nav-link" href="/contact/">Contact</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="row">
|
|
<div class="order-2 order-md-1 col-12 col-md-3 col-xl-2 bd-sideboard bg-dark site-sidebar">
|
|
<aside>
|
|
<figure class="figure">
|
|
<img src="https://www.gravatar.com/avatar/073daa566095477f8ecc5cf4d0f59448?s=200" class="figure-img img-fluid rounded-large" alt="" />
|
|
<figcaption class="figure-caption small">Web developer, actor, all around good guy</figcaption>
|
|
</figure>
|
|
</aside>
|
|
|
|
<aside>
|
|
<header>
|
|
<h2>My Links</h2>
|
|
</header>
|
|
|
|
<ul class="list-group">
|
|
|
|
<li class="list-group-item list-group-item-dark"><a href="https://codeberg.org/danjones000">Codeberg </a></li>
|
|
|
|
<li class="list-group-item list-group-item-dark"><a href="https://gitlab.com/danjones000">GitLab </a></li>
|
|
|
|
<li class="list-group-item list-group-item-dark"><a href="https://github.com/goodevilgenius">GitHub </a></li>
|
|
|
|
<li class="list-group-item list-group-item-dark"><a href="https://gist.github.com/goodevilgenius">GitHub Gists </a></li>
|
|
|
|
<li class="list-group-item list-group-item-dark"><a href="https://stackoverflow.com/story/danjones000">Stack Overflow Developer Story </a></li>
|
|
|
|
<li class="list-group-item list-group-item-dark"><a href="https://goodevilgenius.org">Dan's Musings (blog) </a></li>
|
|
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
|
|
<main class="bg-white rounded-large order-1 order-md-2 col-12 col-md-9 col-xl-10 py-md-3 ps-md-5 bd-content">
|
|
<section class="entry-content container-fluid">
|
|
|
|
<header class="entry-header">
|
|
<h1 class="entry-title">Introduction</h1>
|
|
</header>
|
|
|
|
<p>Welcome to my website. My name is Dan Jones. I am a web developer and an actor, and I'd like to tell you a bit about myself.</p>
|
|
|
|
<section id="webdeveloper">
|
|
<h2>Dan Jones, the Web Developer</h2>
|
|
|
|
<figure class="figure float-md-end mw-xs-100 mw-md-50">
|
|
<img src="https://res.cloudinary.com/danjones000/image/upload/v1518462377/danielrayjones/C64c_system.jpg"
|
|
class="figure-im img-fluid" alt="Commodore 64" />
|
|
<figcaption class="figure-caption">
|
|
Commodore 64C<br />© <a href="http://commons.wikimedia.org/wiki/File:C64c_system.jpg">Bill Bertram</a>
|
|
</figcaption>
|
|
</figure>
|
|
|
|
<p>I was first exposed to computers as a child. My family had a Commodore 64, on which, as a ten-year old child, I would
|
|
do my homework, play games, and make simple programs. I learned how to program in
|
|
<a href="https://en.wikipedia.org/wiki/BASIC"><abbr title="Beginner's All-purpose Symbolic Instruction Code">
|
|
BASIC</abbr></a>. It was then that I began to
|
|
understand how computers could improve our day-to-day lives.</p>
|
|
|
|
<p>When we upgraded to a newer computer, we finally got the Internet (via <a href="https://en.wikipedia.org/wiki/Prodigy_(online_service)">Prodigy</a>) in our home. When I was 14, I got my first email address, and at 15, created my first website on <a href="https://en.wikipedia.org/wiki/GeoCities">GeoCities</a> (my site was in the <em>Silicon Valley</em> "neighborhood"). My site was essentially a blog before blogs existed.</p>
|
|
|
|
<p>Initially, I built the site using a <abbr title=" What You See Is What You Get ">WYSIWYG</abbr> editor (namely, <a href="https://en.wikipedia.org/wiki/Microsoft_FrontPage">MS FrontPage</a>), but with my programming background, I was interested in what made these pages into the pages I saw in my web browser. It wasn't long before I was hand-coding the site.</p>
|
|
|
|
<p>I learned <abbr title=" Hypertext Markup Language">HTML</abbr> to layout the site, <abbr title="Cascading Stylesheets ">CSS</abbr> to give it some style, and eventually JavaScript to make it dynamic. During that time, I had my own web design business. I had one client while in high school, but I gained skills necessary to work with others and to take another person's vision, and make it real.</p>
|
|
|
|
<p>When I entered college, I gained additional skills necessary to run enterprise websites. I learned PHP, for truly dynamic website. I learned SQL, to interact with databases. I also gained some experience with server administration by setting up and running my website on my own <abbr title=" Linux, Apache, MySQL, PHP">LAMP</abbr> server. I also gained experience with several platforms and frameworks.</p>
|
|
|
|
<p>Since that time, I've worked building websites for small businesses, educational organizations, and large media companies.</p>
|
|
</section>
|
|
|
|
<section id="actor" class="hide">
|
|
<h2>Dan Jones, the Actor</h2>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
</section>
|
|
</main>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer class="footer bg-dark site-footer">
|
|
<div class="container-fluid">
|
|
<p>Dan Jones
|
|
<a href="https://www.facebook.com/danjones"><i class="fa fa-facebook"></i></a>
|
|
<a href="https://www.flickr.com/photos/goodevilgenius/"><i class="fa fa-flickr"></i></a>
|
|
<a href="https://github.com/goodevilgenius"><i class="fa fa-github"></i></a>
|
|
<a href="https://instagram.com/goodevilgenius"><i class="fa fa-instagram"></i></a>
|
|
<a href="https://www.linkedin.com/in/danjones000"><i class="fa fa-linkedin"></i></a>
|
|
<a href="https://twitter.com/goodevilgenius"><i class="fa fa-twitter"></i></a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script integrity="sha256-V14cPvTfMzwGeGpooF/XvFyTgEgTAOMKkTnqhLNtH9M=" crossorigin="anonymous" src="/assets/application-575e1c3ef4df333c06786a68a05fd7bc5c9380481300e30a9139ea84b36d1fd3.js" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|