acylsilane.github.io/index.html at master · AcylSilane/acylsilane.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en-US">
  <head>
    <!-- Render settings -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Page Description -->
    <title>James Dean, PhD</title>
    <meta name="description" content="Landing page for the website of James Dean, a data scientist with a focus on chemistry." />

    <!-- OpenGraph Metadata -->
    <meta property="og:url" content="https://www.jamesdeanphd.com/index.html" />
    <meta property="og:title" content="James Dean, PhD" />
    <meta property="og:description" content="Landing page for the website of James Dean, a data scientist with a focus on chemistry." />
    <meta property="og:image" content="https://www.jamesdeanphd.com/assets/logo.png" />
    <meta property="og:site_name" content="James Dean, PhD" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="en_US" />

    <!-- Stylesheets -->
    <link rel="stylesheet" href="/css/default.css" />
    <link rel="stylesheet" href="/css/index.css" />
    <link rel="stylesheet" href="/css/article.css" />
  </head>

  <body>
    <nav class="navbar content">
      <a href="/index.html">Home</a>
      <a href="/site/resume.html">Resume</a>
      <a href="/site/aboutme.html">About Me</a>
      <a href="/site/aboutsite.html">Site Info</a>
    </nav>
    <header class="content">
      <div class="titlegroup">
        <h1 class="developer-name">James Dean, PhD</h1>
        <p class="tagline">Machine Learning Innovations in Chemistry</p>
      </div>
      <div class="contact-box">
        <p class="linkedin">
          Message me on
          <a href="https://www.linkedin.com/in/deanjamesr/"><img src="/assets/icons/linkedin_icon.jpg" /></a>
        </p>

        <p class="github">
          Find my code on <a href="https://github.com/AcylSilane"><img src="/assets/icons/github_icon.jpg" /></a>
        </p>

        <p class="location">Located in Pittsburgh, PA<img src="/assets/icons/location.png" /></p>
      </div>
    </header>
    <main>
      <div class="content">
        <article>
          <h1>Welcome to my website!</h1>
          <p>
            My name is James Dean; my career as a scientist has focused heavily on solving chemical problems using cutting edge computational tools. I
            leverage machine learning or run computational chemistry calculations to solve challenging problems, and then leverage my software
            engineering experience to deploy the solution to users.
          </p>

          <p>
            This website has some more details <a href="/site/aboutme.html">about who I am</a> and
            <a href="/site/resume.html">what I've worked on in the past</a>.
          </p>

          <p>
            Some more detail on what motivated me to make this site can be found on <a href="/site/aboutsite.html">this page</a>, but the long and
            short is that this site was not made using any framework! While the modern webdev toolkit can do wonders (GitHub Pages will let you run
            Jekyll), and even though I am experienced in building sites using modern tools like Flask, Redux, and React, I wanted the challenge of
            learning to make a site from scratch using only HTML, CSS, and JS. It's a throwback to an era where the web was handcrafted and more
            personal.
          </p>
        </article>
      </div>
      <div class="content buttons">
        <a href="https://developer.mozilla.org/en-US/"><img src="/assets/buttons/html_learn_it_today.gif" /></a>
        <a href="https://www.mozilla.org/en-US/firefox/new/"><img src="/assets/buttons/get.gif" /></a>
        <a href="https://en.wikipedia.org/wiki/Microsoft_Windows#Windows_11"><img src="/assets/buttons/made_with_windows.gif" /></a>
        <a href="https://wiki.archlinux.org/"><img src="/assets/buttons/linuxnow.jpg" /></a>
        <a href="https://www.vim.org/"><img src="/assets/buttons/vi_now.gif" /></a>
        <hr />
        <a href="https://linux.die.net/man/1/lynx"><img src="/assets/buttons/any_browser.gif" /></a>
        <a href="https://en.wikipedia.org/wiki/Frame_(World_Wide_Web)#Criticism"><img src="/assets/buttons/anti-frames.gif" /></a>
        <a href="https://en.wikipedia.org/wiki/Adobe_Flash#Rich_Web_Applications"><img src="/assets/buttons/flash.gif" /></a>
        <a href="https://en.wikipedia.org/wiki/HTTP_cookie"><img src="/assets/buttons/nocookie.gif" /></a>
        <hr />
        <a href="https://github.com/topics/awesome-list"><img src="/assets/buttons/cool-shades.gif" /></a>
        <a href="https://en.wikipedia.org/wiki/Portable_Network_Graphics"><img src="/assets/buttons/pngnow.png" /></a>
        <a href="http://www.povray.org/"><img src="/assets/buttons/povnow.gif" /></a>
        <a href="https://en.wikipedia.org/wiki/Team_Fortress_2"><img src="/assets/buttons/team_fortress_get_it.gif" /></a>
      </div>
    </main>
    <footer class="content">
      Questions? Comments? Webpage on fire? Reach out to me at
      <a href="https://www.linkedin.com/in/deanjamesr/">LinkedIn</a>
      or <a href="https://github.com/AcylSilane">GitHub</a>!
      <p>All views expressed on this site are my own.</p>

      <script src="/scripts/include-components.js" type="application/javascript"></script>
      <script>
        addFooterDates(document.getElementsByTagName("footer")[0]);
      </script>
    </footer>
  </body>
</html>