-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (95 loc) · 4.82 KB
/
index.html
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
<!-- <p style="color: yellow;"></p> -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title> baby's first website </title>
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.6">
<!-- <link rel="stylesheet" href="/tachyons/css/tachyons.css" /> -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css" />
<style type="text/css">
.inv:hover{
-webkit-filter: invert(100%);
filter: invert(100%);
}
.bub{
br3
}
</style>
</head>
<body class="bg-yellow">
<div class="flex">
<div class="fl w-1 ma2">
<a class="bg-near-white near-black inline-flex ma2 pa2 br2 inv" href="modules/resume/resume.html">
<img src="images/cv_icon.png" class="contain" style="width: auto; height: auto;max-width: 40px;max-height: 40px">
</a>
</div>
<div class="fl w-1 ma2">
<a class="no-underline near-white bg-animate bg-near-black inv inline-flex items-center ma2 tc br2 pa2" href="https://github.com/probably-neb" title="GitHub">
<img src="images/github.png" class="contain" style="width: auto; height: auto;max-width: 40px;max-height: 40px">
</a>
</div>
</div>
<center>
<h1 class="measure-wide ml4">baby's first website</h1>
<h3 class="measure-wide i near-gray">The <small>(WIP)</small> Home of Ben Kunkle</h3>
</center>
<div class="bub bg-near-gray">
<h2 class="measure-wide ml4"><u>Projects</u></h2>
</div>
<div class="flex w-100 dib">
<!-- <div> -->
<!-- <a class="no-underline near-black bg-animate bg-transparent hover-near-white hover-bg-red inline-flex items-center ma2 tc br2 pa2" href="wordle.html" title="Wordle"> -->
<!-- <img src="images/wordle.png" class="pr2 contain" style="width: auto; height: auto;max-width: 40px;max-height: 40px"> -->
<!-- <span>Valentines Wordle</span> -->
<!-- </a> -->
<!-- </div> -->
<div>
<a class="no-underline black bg-animate bg-transparent hover-bg-near-white inline-flex items-center ma2 tc br3 pa2" href="modules/ant-sim/index.html" title="Ant Sim!">
<img src="modules/ant-sim/site-assets/map-with-ants.png" class="contain br3" style="width: auto; height: auto;max-width: 40px">
<span class="ml2">Wasm-Ant-Sim</span>
</a>
</div>
<div>
<a class="no-underline near-black bg-animate bg-transparent hover-near-white hover-bg-red inline-flex items-center ma2 tc br2 pa2" href="https://bondfauna.nebsite.website" title="Wordle">
<img src="images/wordle.png" class="pr2 contain" style="width: auto; height: auto;max-width: 40px;max-height: 40px">
<span>Wasm-Wordle</span>
</a>
</div>
<div>
<a class="no-underline black bg-animate bg-transparent hover-bg-near-white inline-flex items-center ma2 tc br3 pa2" href="https://wfc.nebsite.website" title="Wave Function Collapse">
<img src="modules/wfc-rust/celtic.png" class="contain br3" style="width: auto; height: auto;max-width: 40px">
<span class="ml2">Wasm-Wfc</span>
</a>
</div></div>
</body>
<!-- <center class="center"> -->
<!-- <footer class="ba w-80 pa3 br3 ma2" style="bottom: 0; position: fixed; "> -->
<!-- Geekring widget #2 - Fancy banner (you can chose .png .gif or .jpg -->
<!-- <img src="http://geekring.net/banner/geek_1.jpg" alt="geekring.net nvigation" usemap="#geekringmap"> -->
<!-- <div class="flex w-50"> -->
<!-- <div class="w-33"><a href="http://geekring.net/site/NUMBER/previous">previous (random) site</a></div> -->
<!-- </div> -->
<!-- <div class="mw9 center ph3-ns"> -->
<!-- <div class="cf ph2-ns"> -->
<!-- <div class="fl w-100 w-third-ns pa2"> -->
<!-- <div class="outline bg-white pv4"></div> -->
<!-- </div> -->
<!-- <div class="fl w-100 w-third-ns pa2"> -->
<!-- <div class="outline bg-white pv4"></div> -->
<!-- </div> -->
<!-- <div class="fl w-100 w-third-ns pa2"> -->
<!-- <div class="outline bg-white pv4"></div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- <map name="geekringmap"> -->
<!-- <area shape="rect" coords="9,28,111,53" alt="Previous geekring site" > -->
<!-- <area shape="rect" coords="248,28,350,53" alt="Random geekring site" href="http://geekring.net/site/NUMBER/random"> -->
<!-- <area shape="rect" coords="490,28,592,53" alt="Next geekring site" href="http://geekring.net/site/NUMBER/next"> -->
<!-- <area shape="rect" coords="465,6,566,22" alt="Main geekring site" href="http://geekring.net/"> -->
<!-- </map> -->
<!-- </footer> -->