Initial Bootstrap Commit

cote3804 · Aug 4, 2024 · eaf9c2a · eaf9c2a
1 parent b4fddbd
commit eaf9c2a
Show file tree

Hide file tree

Showing 1,814 changed files with 214,908 additions and 1 deletion.
diff --git a/build/images/black_atom_log.png b/build/images/black_atom_log.png
diff --git a/build/images/black_atom_logo_small.png b/build/images/black_atom_logo_small.png
diff --git a/build/images/hero.jpeg b/build/images/hero.jpeg
diff --git a/build/images/menacing_nanoparticle.png b/build/images/menacing_nanoparticle.png
diff --git a/build/images/middel_bhfip.png b/build/images/middel_bhfip.png
diff --git a/build/images/outer_bhfip.png b/build/images/outer_bhfip.png
diff --git a/build/images/project1.png b/build/images/project1.png
diff --git a/build/images/project2.png b/build/images/project2.png
diff --git a/build/images/project3.png b/build/images/project3.png
diff --git a/build/images/rough_bhfip.png b/build/images/rough_bhfip.png
diff --git a/build/images/self_boat.jpg b/build/images/self_boat.jpg
diff --git a/build/images/self_boat_face.png b/build/images/self_boat_face.png
diff --git a/build/images/self_boat_face_smaller.png b/build/images/self_boat_face_smaller.png
diff --git a/build/images/shiny_bhfip.png b/build/images/shiny_bhfip.png
diff --git a/build/images/surface_transparent.png b/build/images/surface_transparent.png
diff --git a/build/images/theme.png b/build/images/theme.png
diff --git a/build/images/user1.png b/build/images/user1.png
diff --git a/build/images/user2.png b/build/images/user2.png
diff --git a/build/images/user3.png b/build/images/user3.png
diff --git a/build/images/vscode.png b/build/images/vscode.png
diff --git a/build/images/white_atom_log.png b/build/images/white_atom_log.png
diff --git a/build/images/white_atom_logo_small.png b/build/images/white_atom_logo_small.png
diff --git a/build/images/white_atom_logo_tiny.png b/build/images/white_atom_logo_tiny.png
diff --git a/build/index.html b/build/index.html
@@ -0,0 +1,81 @@
+<!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">
+    <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="contact.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 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/self_boat_face_smaller.png", class="image-fluid" style="max-width:40%;">
+            </div>
+          </div>
+        </div> 
+      </div>
+      <div class="col align-self-center">
+        <div class="container">
+          <div class="row flex-grow-1 border border-dark rounded-5 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>
+<!-- <button type="button" class="btn btn-primary">Primary</button>
+<button type="button" class="btn btn-secondary">Secondary</button>
+<button type="button" class="btn btn-other_color">Tertiary</button> -->
+</body>
+</html>
diff --git a/build/link.html b/build/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/build/main.html b/build/main.html
diff --git a/build/navbar.html b/build/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="contact.html">Bio</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</nav>
diff --git a/build/publications/acs_catal.html b/build/publications/acs_catal.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <p>ACS Catalysis</p>
+</body>
+</html>
diff --git a/build/publications/publications.html b/build/publications/publications.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/build/research.html b/build/research.html
@@ -0,0 +1,47 @@
+<!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">
+    <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="contact.html">Bio</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+</nav>
+  </div>
+</body>
diff --git a/css/main.min.css b/css/main.min.css
diff --git a/css/main.min.css.map b/css/main.min.css.map
diff --git a/css/styles.css b/css/styles.css
@@ -0,0 +1,23 @@
+.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;
+}
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,36 @@
+const gulp        = require('gulp');
+const { src, dest } = require('gulp');
+const fileinclude = require('gulp-file-include');
+const { series } = require('gulp');
+
+const paths = {
+  scripts: {
+    src: './',
+    dest: './build/'
+  }
+};
+
+async function includeHTML(){
+  return src([
+    '*.html',
+    '!header.html', // ignore
+    '!footer.html' // ignore
+    ])
+    .pipe(fileinclude({
+      prefix: '@@',
+      basepath: '@file'
+    }))
+    .pipe(gulp.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);
diff --git a/images/black_atom_log.png b/images/black_atom_log.png
diff --git a/images/black_atom_logo_small.png b/images/black_atom_logo_small.png
diff --git a/images/menacing_nanoparticle.png b/images/menacing_nanoparticle.png
diff --git a/images/middel_bhfip.png b/images/middel_bhfip.png
diff --git a/images/outer_bhfip.png b/images/outer_bhfip.png
diff --git a/images/rough_bhfip.png b/images/rough_bhfip.png
diff --git a/images/self_boat.jpg b/images/self_boat.jpg
diff --git a/images/self_boat_face.png b/images/self_boat_face.png
diff --git a/images/self_boat_face_smaller.png b/images/self_boat_face_smaller.png
diff --git a/images/shiny_bhfip.png b/images/shiny_bhfip.png
diff --git a/images/surface_transparent.png b/images/surface_transparent.png
diff --git a/images/white_atom_log.png b/images/white_atom_log.png
diff --git a/images/white_atom_logo_small.png b/images/white_atom_logo_small.png
diff --git a/images/white_atom_logo_tiny.png b/images/white_atom_logo_tiny.png
diff --git a/index.html b/index.html
@@ -1 +1,49 @@
-Hello Word
+<!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">
+    <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" >
+    @@include('navbar.html')
+  </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 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/self_boat_face_smaller.png", class="image-fluid" style="max-width:40%;">
+            </div>
+          </div>
+        </div> 
+      </div>
+      <div class="col align-self-center">
+        <div class="container">
+          <div class="row flex-grow-1 border border-dark rounded-5 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>
+<!-- <button type="button" class="btn btn-primary">Primary</button>
+<button type="button" class="btn btn-secondary">Secondary</button>
+<button type="button" class="btn btn-other_color">Tertiary</button> -->
+</body>
+</html>
diff --git a/js/scripts.js b/js/scripts.js
diff --git a/link.html b/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/main.html b/main.html
diff --git a/navbar.html b/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/node_modules/.bin/gulp b/node_modules/.bin/gulp
diff --git a/node_modules/.bin/json5 b/node_modules/.bin/json5
diff --git a/node_modules/.bin/resolve b/node_modules/.bin/resolve
diff --git a/node_modules/.bin/semver b/node_modules/.bin/semver
diff --git a/node_modules/.bin/which b/node_modules/.bin/which