Figured out latex

cote3804 · Aug 12, 2024 · acc2374 · acc2374
1 parent 0662745
commit acc2374
Show file tree

Hide file tree

Showing 2,156 changed files with 292,381 additions and 0 deletions.
diff --git a/bootstrap-portfolio/biography.html b/bootstrap-portfolio/biography.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lan="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bio</title>
+    <link href="/css/main.min.css" rel="stylesheet">
+    <link href="/css/styles.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+</head>
+<body class="bg-dark">
+  <div class="container-fluid px-0" >  
+    <nav class="navbar navbar-expand-lg navbar-dark bg-navbardark">
+    <div class="container-fluid">
+      <a class="navbar-brand h1" href="#"></a>
+      <img src="/images/white_atom_logo_tiny.png" alt="Logo" class="img-fluid">
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse justify-content-start" id="navbarSupportedContent">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link active fs-4" aria-current="page" href="index.html">Home</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle fs-4" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Publications
+            </a>
+            <ul class="dropdown-menu">
+              <li><a class="dropdown-item" target="_blank" href="https://pubs.acs.org/doi/abs/10.1021/acscatal.3c01978">NRR Scaling Relations</a></li>
+              <li><a class="dropdown-item" target="_blank" href="https://onlinelibrary.wiley.com/doi/abs/10.1002/aenm.202304559">NRR Catalyst Screening</a></li>
+              <li><a class="dropdown-item" target="_blank" href="https://arxiv.org/abs/2405.20239">Electrocatalysis Database</a></li>
+            </ul>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fs-4" href="research.html">Research</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fs-4" href="biography.html">Bio</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</nav>
+  </div>
+  <style>
+    #content h1 { color: rgb(221, 221, 221); }
+    #content p { color: rgb(180, 180, 180); }
+    #content a { color: purple; }
+  </style>
+  <div class="container">
+  <div class="row">
+    <div class="col">
+      <div class="container" id="content">
+        <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      var converter = new showdown.Converter();
+      converter.setFlavor('github');
+      fetch('/biography.md')
+        .then(response => response.text())
+        .then(text => {
+          document.getElementById('content').innerHTML = converter.makeHtml(text);
+        })
+        .catch(error =>
+          console.error('Error loading markdown file', error));
+        });
+        </script>
+      </div>
+    </div>
+  </div>
diff --git a/bootstrap-portfolio/css/main.min.css b/bootstrap-portfolio/css/main.min.css
diff --git a/bootstrap-portfolio/css/main.min.css.map b/bootstrap-portfolio/css/main.min.css.map
diff --git a/bootstrap-portfolio/css/styles.css b/bootstrap-portfolio/css/styles.css
@@ -0,0 +1,25 @@
+.div-wrapper {
+    position: relative;
+    height: 300px;
+    width: 300px;
+    display: flex;
+    align-items: flex-end;
+}
+
+.div-wrapper img {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+}
+
+.grey-square {
+    background-color: #6c757d; /* Bootstrap's secondary color */
+    width: 200px;
+    height: 200px;
+  }
+
+.custom-vh-75 {
+min-height: 75vh;
+}
+
+.custom-header {color: orange;}
diff --git a/bootstrap-portfolio/gulpfile.js b/bootstrap-portfolio/gulpfile.js
@@ -0,0 +1,39 @@
+const gulp        = require('gulp');
+const { src, dest } = require('gulp');
+const fileinclude = require('gulp-file-include');
+const { series } = require('gulp');
+
+const paths = {
+  scripts: {
+    src: './source',
+    dest: './'
+  }
+};
+
+async function includeHTML(){
+  return src([
+    './source/*.html',
+    './source/*.md',
+    './source/*.js',
+    '!header.html', // ignore
+    '!footer.html' // ignore
+    ])
+    .pipe(fileinclude({
+      prefix: '@@',
+      basepath: '@file'
+    }))
+    .pipe(dest(paths.scripts.dest));
+}
+
+// async function include_images() {
+//   return src('images/*')
+//     .pipe(dest('build/images/'));
+// }
+
+// async function include_publications() {
+//   return src('publications/*')
+//     .pipe(dest('build/publications/'));
+// }
+
+// exports.default = series(includeHTML, include_images, include_publications);
+exports.default = includeHTML;
diff --git a/bootstrap-portfolio/images/black_atom_log.png b/bootstrap-portfolio/images/black_atom_log.png
diff --git a/bootstrap-portfolio/images/black_atom_logo_small.png b/bootstrap-portfolio/images/black_atom_logo_small.png
diff --git a/bootstrap-portfolio/images/headshot_atoms.png b/bootstrap-portfolio/images/headshot_atoms.png
diff --git a/bootstrap-portfolio/images/headshot_atoms_circle.png b/bootstrap-portfolio/images/headshot_atoms_circle.png
diff --git a/bootstrap-portfolio/images/menacing_nanoparticle.png b/bootstrap-portfolio/images/menacing_nanoparticle.png
diff --git a/bootstrap-portfolio/images/middel_bhfip.png b/bootstrap-portfolio/images/middel_bhfip.png
diff --git a/bootstrap-portfolio/images/outer_bhfip.png b/bootstrap-portfolio/images/outer_bhfip.png
diff --git a/bootstrap-portfolio/images/rough_bhfip.png b/bootstrap-portfolio/images/rough_bhfip.png
diff --git a/bootstrap-portfolio/images/self_boat.jpg b/bootstrap-portfolio/images/self_boat.jpg
diff --git a/bootstrap-portfolio/images/self_boat_face.png b/bootstrap-portfolio/images/self_boat_face.png
diff --git a/bootstrap-portfolio/images/self_boat_face_smaller.png b/bootstrap-portfolio/images/self_boat_face_smaller.png
diff --git a/bootstrap-portfolio/images/shiny_bhfip.png b/bootstrap-portfolio/images/shiny_bhfip.png
diff --git a/bootstrap-portfolio/images/spans_bar_chart.png b/bootstrap-portfolio/images/spans_bar_chart.png
diff --git a/bootstrap-portfolio/images/surface_transparent.png b/bootstrap-portfolio/images/surface_transparent.png
diff --git a/bootstrap-portfolio/images/volvano.png b/bootstrap-portfolio/images/volvano.png
diff --git a/bootstrap-portfolio/images/white_atom_log.png b/bootstrap-portfolio/images/white_atom_log.png
diff --git a/bootstrap-portfolio/images/white_atom_logo_small.png b/bootstrap-portfolio/images/white_atom_logo_small.png
diff --git a/bootstrap-portfolio/images/white_atom_logo_tiny.png b/bootstrap-portfolio/images/white_atom_logo_tiny.png
diff --git a/bootstrap-portfolio/index.html b/bootstrap-portfolio/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lan="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Atomic Brokerage</title>
+    <link href="/css/main.min.css" rel="stylesheet">
+    <link href="/css/styles.css" rel="stylesheet">
+    <link rel="icon" href="/images/white_atom_logo_small.png" type="image/x-icon">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.3.2/markdown-it.min.js"
+        integrity="sha512-TIDbN32lXOg2Mw1VcnKrQLZgfALryJogWCu/NHWtlMCR1jget+mOwMtdehBBZz2f9PKeK2AQPwVxkbl4u/1H5g=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+</head>
+<body class="bg-dark">
+  <div class="container-fluid px-0" > 
+    <nav class="navbar navbar-expand-lg navbar-dark bg-navbardark">
+    <div class="container-fluid">
+      <a class="navbar-brand h1" href="#"></a>
+      <img src="/images/white_atom_logo_tiny.png" alt="Logo" class="img-fluid">
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse justify-content-start" id="navbarSupportedContent">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link active fs-4" aria-current="page" href="index.html">Home</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle fs-4" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Publications
+            </a>
+            <ul class="dropdown-menu">
+              <li><a class="dropdown-item" target="_blank" href="https://pubs.acs.org/doi/abs/10.1021/acscatal.3c01978">NRR Scaling Relations</a></li>
+              <li><a class="dropdown-item" target="_blank" href="https://onlinelibrary.wiley.com/doi/abs/10.1002/aenm.202304559">NRR Catalyst Screening</a></li>
+              <li><a class="dropdown-item" target="_blank" href="https://arxiv.org/abs/2405.20239">Electrocatalysis Database</a></li>
+            </ul>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fs-4" href="research.html">Research</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fs-4" href="biography.html">Bio</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</nav>
+  </div>
+  <div class="container text-center z-n1 position-absolute">
+    <div class="row bg-dark bg-gradient nopadding opacity-50">
+      <div class="col p-0 fixed-bottom"> <!-- Background image -->
+        <img src="./images/surface_transparent.png" class="z-n1"  alt="Main Image" style="align-items: flex-end; width: 100%">
+      </div>
+    </div>
+  </div>
+  <div class="container-fluid d-flex flex-column custom-vh-75 z-2 position-relative text-center">
+    <div class="row flex-grow-1"> <!-- Title and other info -->
+      <div class="col-4 align-self-center">
+        <div class="container-fluid">
+          <div class="row flex-grow-1">
+            <div class="col align-self-center">
+              <p class="fs-1 fw-bold text-center text-light">Cooper Tezak</p>
+              <img src="/images/headshot_atoms_circle.png", class="image-fluid", style="max-width: 100%;">
+            </div>
+          </div>
+        </div> 
+      </div>
+      <div class="col-8 align-self-center">
+        <div class="container">
+          <div class="row flex-grow-1 position-relative z-2">
+            <div class="col align-self-center">
+              <p class="fs-1 fw-bold text-center text-light">Atomic Broker</p>
+              <p class="fs-4 text-light">Matching catalyst materials with desired chemical conversions</p>
+            </div>
+          </div>
+        </div> 
+      </div>
+    </div>
+
+<script>
+  // Configure MathJax
+  window.MathJax = {
+    tex: {
+      inlineMath: [['$', '$'], ['\\(', '\\)']],
+      displayMath: [['$$', '$$'], ['\\[', '\\]']]
+    },
+    options: {
+      renderActions: {
+        addColor: [10, (doc) => {
+          for (const math of doc.math) {
+            const node = math.typesetRoot;
+            if (math.display) {
+              node.classList.add('mathjax-display');
+            } else {
+              node.classList.add('mathjax-inline');
+            }
+          }
+        }, '']
+      }
+    }
+  };
+
+  // Re-render MathJax after page load
+  window.addEventListener('load', () => {
+    MathJax.typesetPromise();
+  });
+</script>
+</body>
+</html>
diff --git a/bootstrap-portfolio/js/scripts.js b/bootstrap-portfolio/js/scripts.js
diff --git a/bootstrap-portfolio/link.html b/bootstrap-portfolio/link.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lan="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link href="/css/main.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+</head>
+<body>
+</div>
+    <p>Link</p>
diff --git a/bootstrap-portfolio/main.html b/bootstrap-portfolio/main.html
diff --git a/bootstrap-portfolio/markdown.js b/bootstrap-portfolio/markdown.js
@@ -0,0 +1,6 @@
+var showdown  = require('showdown'),
+    converter = new showdown.Converter(),
+    text      = '# hello, markdown!',
+    html      = converter.makeHtml(text);
+
+console.log(html);
diff --git a/bootstrap-portfolio/mathjax.html b/bootstrap-portfolio/mathjax.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>MathJax Example</title>
+  <!-- Include MathJax -->
+  <script id="MathJax-script" async
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
+  </script>
+  <script> 
+    MathJax = { 
+        loader: {load: ['[tex]/color']},
+        tex: { 
+            inlineMath: [['$', '$'],  
+                        ['\\(', '\\)']],
+            packages: {'[+]': ['color']}
+        }, 
+        svg: { 
+            fontCache: 'global' 
+        } 
+    }; 
+    </script> 
+</head>
+<body>
+  <h1>MathJax Example</h1>
+
+  <p>
+    This is an inline math example: \(\textcolor{red}{E = mc^2}\)
+  </p>
+
+  <p>
+    This is a display math example:
+  </p>
+
+  <p>
+    $$
+    \int_{a}^{b} f(x) \,dx
+    $$
+  </p>
+</body>
+</html>
diff --git a/bootstrap-portfolio/navbar.html b/bootstrap-portfolio/navbar.html
@@ -0,0 +1,33 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-navbardark">
+    <div class="container-fluid">
+      <a class="navbar-brand h1" href="#"></a>
+      <img src="/images/white_atom_logo_tiny.png" alt="Logo" class="img-fluid">
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse justify-content-start" id="navbarSupportedContent">
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link active fs-4" aria-current="page" href="index.html">Home</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle fs-4" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Publications
+            </a>
+            <ul class="dropdown-menu">
+              <li><a class="dropdown-item" target="_blank" href="https://pubs.acs.org/doi/abs/10.1021/acscatal.3c01978">NRR Scaling Relations</a></li>
+              <li><a class="dropdown-item" target="_blank" href="https://onlinelibrary.wiley.com/doi/abs/10.1002/aenm.202304559">NRR Catalyst Screening</a></li>
+              <li><a class="dropdown-item" target="_blank" href="https://arxiv.org/abs/2405.20239">Electrocatalysis Database</a></li>
+            </ul>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fs-4" href="research.html">Research</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link fs-4" href="biography.html">Bio</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</nav>
diff --git a/bootstrap-portfolio/node_modules/.bin/gulp b/bootstrap-portfolio/node_modules/.bin/gulp
diff --git a/bootstrap-portfolio/node_modules/.bin/json5 b/bootstrap-portfolio/node_modules/.bin/json5
diff --git a/bootstrap-portfolio/node_modules/.bin/katex b/bootstrap-portfolio/node_modules/.bin/katex
diff --git a/bootstrap-portfolio/node_modules/.bin/markdown-it b/bootstrap-portfolio/node_modules/.bin/markdown-it
diff --git a/bootstrap-portfolio/node_modules/.bin/resolve b/bootstrap-portfolio/node_modules/.bin/resolve
diff --git a/bootstrap-portfolio/node_modules/.bin/semver b/bootstrap-portfolio/node_modules/.bin/semver
diff --git a/bootstrap-portfolio/node_modules/.bin/showdown b/bootstrap-portfolio/node_modules/.bin/showdown
diff --git a/bootstrap-portfolio/node_modules/.bin/which b/bootstrap-portfolio/node_modules/.bin/which