Skip to content

Commit

Permalink
x
Browse files Browse the repository at this point in the history
  • Loading branch information
@goodnightjj
goodnightjj committed Aug 23, 2023
1 parent 797fa0f commit 8fc7e2d
Show file tree
Hide file tree
Showing 6 changed files with 290 additions and 14 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
275 changes: 275 additions & 0 deletions index6.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,275 @@
<!DOCTYPE html>
<html>
<head>
<!-- v0.790118 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122843739-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-122843739-1');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="shortcut icon" type="image/x-icon" href="/img/unicorn.png">
<link rel="stylesheet" href="/css/grid.css">
<title>JJ Moi</title>
<style>
/* BACKGROUND */
html {background-color: black;}
body {height: auto; background-color: white;}
::-moz-selection {background: black; color: #001;}
::selection {background: black; color: #001;}

.index .row {position: relative; width: 100%;}
.desktop {padding-bottom: 60px; bottom: 0;}
.index p, .index a, .index p:last-child, .index a:last-child {border: none;}
.index a {border-bottom: 1.5px black solid;}
.index a:first-child {border-top: 1.5px black solid;}
.index a:last-child {border-bottom: 1.5px black solid;}
.index .row {bottom: 0px;}
.index p, .index a {padding: 16px 0;}
.moreprojects {border-bottom: 1.5px black solid; padding: 12px 0;}

@media only screen and (max-width: 1500px) {
.index .row {bottom: -10px;}
.index p, .index a {padding: 14px 0;}
.index a {border-bottom: 1.25px black solid;}
.index a:first-child {border-top: 1.25px black solid;}
.index a:last-child {border-bottom: 1.25px black solid;}
.moreprojects {border-bottom: 1.25px black solid; padding: 12px 0;}
}

@media only screen and (max-width: 1111px) {
.index, .index .row {bottom: 48px;}
.index p, .index a {padding: 12px 0;}
.index a {border-bottom: 1px black solid;}
.index a:first-child {border-top: 1px black solid;}
.index a:last-child {border-bottom: 1px black solid;}
.moreprojects {border-bottom: 1px black solid; padding: 12px 0;}
}

/* TEMP */
.parasection {margin-top: 75px; margin-bottom: 75px;}
p:hover, a:hover, span:hover, p:hover span {text-decoration: none;}
.container {width: 97%; margin-left: auto; margin-right: auto;}
</style>
</head>
<body>
<!-- NAV DESKTOP -->
<div class="container nav desktop">
<div class="row">
<div class="col-5-sm">
<a href="/">JJ Moi</a>
</div>
<div class="col-4-sm">
<a href="/">Deep Tech / Design Leader / VC / Educator</a>
</div>
<div class="col-1-sm right">
<a href="/info">Info</a>
</div>
</div>
</div>
<!-- NAV RWD -->
<div class="container nav rwd">
<div class="row">
<div class="col-9-sm">
<a href="/">JJ Moi</a>
</div>
<div class="col-1-sm right">
<a href="/info">Info</a>
</div>
</div>
</div>
<!-- CONTENT -->
<div class="container parasection">
<div class="row">
<a href="/rtx" id="rtx" class="col-10">
<img src="/rtx/rtx-99.webp">
<p>Raytheon<br>Advancing aerospace and defense<br>2023</p>
</a>
</div>
</div>
<div class="container parasection">
<a href="/primemovers" class="row" id="primemovers">
<div class="col-10">
<img src="/primemovers/primemovers-99.webp">
<p>Prime Movers<br>Designing for a more inclusive tomorrow<br>2023</p>
</div>
</a>
</div>
<div class="container parasection">
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-10">
<img src="/gsa18f/gsa18f-99.webp">
<p>18F<br>Scaling design systems for the people<br>2018</p>
</div>
</a>
</div>
<div class="container parasection">
<div class="row">
<a href="/tachyus" id="tachyus" class="col-5">
<img src="/tachyus/tachyus-99.webp">
<p>Tachyus<br>Optimizing oil and gas production<br>2016</p>
</a>
</div>
</div>
<div class="container parasection" style="padding-bottom: 300px;">
<a href="/opengov" class="row" id="opengov">
<div class="col-10">
<img src="/opengov/opengov-99.webp">
<p>OpenGov<br>Rebuilding public trust in open data<br>2014</p>
</div>
</a>
</div>
<!-- END CONTENT -->
<!-- INDEX DESKTOP -->
<div class="container index desktop">
<div class="row moreprojects">
<div class="col-10-sm">
<p>More Projects</p>
</div>
</div>
<a href="/primemovers" class="row" id="primemovers">
<div class="col-2-sm">
<p>Prime Movers</p>
</div>
<div class="col-6-sm">
<p>Designing for a more inclusive tomorrow</p>
</div>
<div class="col-1-sm">
<p>2023</p>
</div>
<div class="col-1-sm right">
<p>Case →</p>
</div>
</a>
<a href="/rtx" class="row" id="rtx">
<div class="col-2-sm">
<p>Raytheon</p>
</div>
<div class="col-6-sm">
<p>Advancing aerospace and defense</p>
</div>
<div class="col-1-sm">
<p>2023</p>
</div>
<div class="col-1-sm right">
<p>Case →</p>
</div>
</a>
<a href="https://www.springdiscovery.com/technology" target="_blank" class="row" id="spring">
<div class="col-2-sm">
<p>Spring</p>
</div>
<div class="col-6-sm">
<p>Accelerating drug discovery research</p>
</div>
<div class="col-1-sm">
<p>2022</p>
</div>
<div class="col-1-sm right">
<p>Web →</p>
</div>
</a>
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-2-sm">
<p>18F</p>
</div>
<div class="col-6-sm">
<p>Scaling design systems for the people</p>
</div>
<div class="col-1-sm">
<p>2016</p>
</div>
<div class="col-1-sm right">
<p>Case →</p>
</div>
</a>
<a href="/opengov" class="row" id="opengov">
<div class="col-2-sm">
<p>OpenGov</p>
</div>
<div class="col-6-sm">
<p>Rebuilding public trust in open data</p>
</div>
<div class="col-1-sm">
<p>2015</p>
</div>
<div class="col-1-sm right">
<p>Case →</p>
</div>
</a>
<a href="https://www.kickstarter.com/projects/753619488/all-together-now-women-in-music" target="_blank" class="row" id="together">
<div class="col-2-sm">
<p>Together</p>
</div>
<div class="col-6-sm">
<p>Telling stories of women making music</p>
</div>
<div class="col-1-sm">
<p>2013</p>
</div>
<div class="col-1-sm right">
<p>Web →</p>
</div>
</a>
</div>
<!-- INDEX RWD -->
<div class="container index rwd">
<div class="row moreprojects">
<div class="col-10-sm">
<p>More Projects</p>
</div>
</div>
<a href="/primemovers" class="row" id="primemovers">
<div class="col-9-sm">
<p>Designing for a more inclusive tomorrow</p>
</div>
<div class="col-1-sm right">
<p>→</p>
</div>
</a>
<a href="/rtx" class="row" id="rtx">
<div class="col-9-sm">
<p>Advancing aerospace and defense</p>
</div>
<div class="col-1-sm right">
<p>→</p>
</div>
</a>
<a href="https://www.springdiscovery.com/technology" target="_blank" class="row" id="spring">
<div class="col-9-sm">
<p>Accelerating drug discovery research</p>
</div>
<div class="col-1-sm right">
<p>→</p>
</div>
</a>
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-9-sm">
<p>Scaling design systems for the people</p>
</div>
<div class="col-1-sm right">
<p>→</p>
</div>
</a>
<a href="/opengov" class="row" id="opengov">
<div class="col-9-sm">
<p>Rebuilding public trust in open data</p>
</div>
<div class="col-1-sm right">
<p>→</p>
</div>
</a>
<a href="https://www.kickstarter.com/projects/753619488/all-together-now-women-in-music" target="_blank" class="row" id="together">
<div class="col-9-sm">
<p>Telling stories of women making music</p>
</div>
<div class="col-1-sm right">
<p>→</p>
</div>
</a>
</div>
</body>
</html>
4 changes: 2 additions & 2 deletions opengov/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -198,7 +198,7 @@
<p>Web →</p>
</div>
</a>
<a href="/18f" class="row" id="gsa18f">
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-2-sm">
<p>18F</p>
</div>
Expand Down Expand Up @@ -272,7 +272,7 @@
<p>→</p>
</div>
</a>
<a href="/18f" class="row" id="gsa18f">
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-9-sm">
<p>Scaling design systems for the people</p>
</div>
Expand Down
4 changes: 2 additions & 2 deletions primemovers/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -220,7 +220,7 @@
<p>Web →</p>
</div>
</a>
<a href="/18f" class="row" id="gsa18f">
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-2-sm">
<p>18F</p>
</div>
Expand Down Expand Up @@ -300,7 +300,7 @@
<p>→</p>
</div>
</a>
<a href="/18f" class="row" id="gsa18f">
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-9-sm">
<p>Scaling design systems for the people</p>
</div>
Expand Down
4 changes: 2 additions & 2 deletions rtx/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -167,7 +167,7 @@
<p>Web →</p>
</div>
</a>
<a href="/18f" class="row" id="gsa18f">
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-2-sm">
<p>18F</p>
</div>
Expand Down Expand Up @@ -247,7 +247,7 @@
<p>→</p>
</div>
</a>
<a href="/18f" class="row" id="gsa18f">
<a href="/gsa18f" class="row" id="gsa18f">
<div class="col-9-sm">
<p>Scaling design systems for the people</p>
</div>
Expand Down
Loading

0 comments on commit 8fc7e2d

Please sign in to comment.