196 lines
8.2 KiB
HTML
196 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="author" content="">
|
|
<meta name="description" content="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." />
|
|
<meta name="keywords" content="resume, biography" />
|
|
<meta name="robots" content="noodp" />
|
|
<meta name="theme-color" content="" />
|
|
<link rel="canonical" href="https://danielrayjones.com/about/" />
|
|
|
|
|
|
<title>
|
|
|
|
Introduction :: Dan Jones
|
|
|
|
</title>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/main.min.2729760c629597024c5de34b40ea9f372f2b5a2a192dcdca537b7ddfa483eab8.css" integrity="sha256-Jyl2DGKVlwJMXeNLQOqfNy8rWioZLc3KU3t936SD6rg=" crossorigin="anonymous">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
|
|
|
|
|
|
|
<meta itemprop="name" content="Introduction">
|
|
<meta itemprop="description" content="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.">
|
|
<meta itemprop="dateModified" content="2023-11-23T09:21:55-06:00">
|
|
<meta itemprop="wordCount" content="329">
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="Introduction">
|
|
<meta name="twitter:description" content="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.">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/extra.4208c29e887eb9b7bc01b58084ad3c1485c93e296f6f216a264dba4081ef695d.css" integrity="sha256-QgjCnoh+ube8AbWAhK08FIXJPilvbyFqJk26QIHvaV0=">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="container">
|
|
<header class="header">
|
|
<span class="header__inner">
|
|
<a href="/" style="text-decoration: none;">
|
|
<div class="logo">
|
|
|
|
<span class="logo__mark">></span>
|
|
<span class="logo__text ">
|
|
RUN</span>
|
|
<span class="logo__cursor" style=
|
|
"
|
|
|
|
">
|
|
</span>
|
|
|
|
</div>
|
|
</a>
|
|
|
|
|
|
<span class="header__right">
|
|
<nav class="menu">
|
|
<ul class="menu__inner"><li><a href="/about/">About</a></li><li><a href="/contact/">Contact</a></li><li><a href="/web/">Résumé</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<span class="menu-trigger">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
<path d="M0 0h24v24H0z" fill="none"/>
|
|
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
|
|
</svg>
|
|
</span>
|
|
<span class="theme-toggle not-selectable"><svg class="theme-toggler" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M22 41C32.4934 41 41 32.4934 41 22C41 11.5066 32.4934 3 22
|
|
3C11.5066 3 3 11.5066 3 22C3 32.4934 11.5066 41 22 41ZM7 22C7
|
|
13.7157 13.7157 7 22 7V37C13.7157 37 7 30.2843 7 22Z"/>
|
|
</svg></span>
|
|
</span>
|
|
</span>
|
|
</header>
|
|
|
|
|
|
<div class="content">
|
|
|
|
<main class="post">
|
|
|
|
<div class="post-info">
|
|
|
|
</p>
|
|
</div>
|
|
|
|
<article>
|
|
<h2 class="post-title">
|
|
<a href="https://danielrayjones.com/about/">Introduction</a>
|
|
</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="post-content">
|
|
<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 id="dan-jones-the-web-developer">Dan Jones, the Web Developer</h2>
|
|
<figure class="right-floated aside"><img src="https://res.cloudinary.com/danjones000/image/upload/v1518462377/danielrayjones/C64c_system.jpg"
|
|
alt="Commodore 64"><figcaption>
|
|
<h4>Commodore 64</h4><p>
|
|
<a href="http://commons.wikimedia.org/wiki/File:C64c_system.jpg">© Bill Bertram</a></p>
|
|
</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_%28online_service%29">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 in numerous industries, on websites of all shapes and sizes. I continue to learn more and improve my skills.</p>
|
|
</section>
|
|
<section id="actor" class="hidden">
|
|
<h2 id="dan-jones-the-actor">Dan Jones, the Actor</h2>
|
|
</section>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
<hr />
|
|
|
|
<div class="post-info">
|
|
|
|
|
|
<p><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="https://codeberg.org/danjones000/danielrayjones/commit/0c2761aacc5e03ecb6c27d9473819714ac9b6a50" target="_blank" rel="noopener">0c2761a</a> @ 2023-11-23</p>
|
|
</div>
|
|
</main>
|
|
|
|
</div>
|
|
|
|
|
|
<footer class="footer">
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/bundle.min.ad54ad97364f77ede35def9096b162bb1f0b3973aa50b080f5e82fa147f6882e2a7200d7535adbf9b51bebf939f1c1ca9bbe6be87530092aca720eac4a226fda.js" integrity="sha512-rVStlzZPd+3jXe+QlrFiux8LOXOqULCA9egvoUf2iC4qcgDXU1rb+bUb6/k58cHKm75r6HUwCSrKcg6sSiJv2g=="></script>
|
|
|
|
|
|
<script type="text/javascript" src="/js/application.min.cf83e1357eefb8bdf1542850d66d8007d620e4050b5715dc83f4a921d36ce9ce47d0d13c5d85f2b0ff8318d2877eec2f63b931bd47417a81a538327af927da3e.js" integrity="sha512-z4PhNX7vuL3xVChQ1m2AB9Yg5AULVxXcg/SpIdNs6c5H0NE8XYXysP+DGNKHfuwvY7kxvUdBeoGlODJ6+SfaPg=="></script>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|