194 lines
8.3 KiB
HTML
194 lines
8.3 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.b78c3be9451dc4ca61ca377f3dc2cf2e6345a44c2bae46216a322ef366daa399.css" integrity="sha256-t4w76UUdxMphyjd/PcLPLmNFpEwrrkYhajIu82bao5k=">
|
|
|
|
|
|
|
|
<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 itemprop="keywords" content="" />
|
|
<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.4951f7f16a863b7b327648b08527af269729158fe901b38bc3ec98c6e09674d1.css" integrity="sha256-SVH38WqGO3sydkiwhSevJpcpFY/pAbOLw+yYxuCWdNE=">
|
|
|
|
|
|
|
|
|
|
|
|
</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="/web/">Résumé</a></li><li><a href="/contact/">Contact</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.0931a358499291afca6f741478e9fc9fa973a9fbd7aeb3390f3b10463966dc8195daf98a0e33685a1fbfb9d7578631c3f31fc8e558eaf6e2c30c4c3e14df4931.js" integrity="sha512-CTGjWEmSka/Kb3QUeOn8n6lzqfvXrrM5DzsQRjlm3IGV2vmKDjNoWh+/uddXhjHD8x/I5Vjq9uLDDEw+FN9JMQ=="></script>
|
|
<script>console.log('here');</script>
|
|
|
|
|
|
<script type="text/javascript" src="/js/application.min.cf83e1357eefb8bdf1542850d66d8007d620e4050b5715dc83f4a921d36ce9ce47d0d13c5d85f2b0ff8318d2877eec2f63b931bd47417a81a538327af927da3e.js" integrity="sha512-z4PhNX7vuL3xVChQ1m2AB9Yg5AULVxXcg/SpIdNs6c5H0NE8XYXysP+DGNKHfuwvY7kxvUdBeoGlODJ6+SfaPg=="></script>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|