-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (91 loc) · 4.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Oskar Austegard's personal website with links to other sources of information about Oskar and other Austegards.">
<title>Oskar Austegard</title>
<link rel="icon" href="favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
<link rel="manifest" href="site.webmanifest" />
<style>
html {
max-width: 70ch;
padding: 1em;
margin: auto;
line-height: 1.75;
font-size: 1.25em;
}
h1,h2,h3,h4,h5,h6 {
margin: 1.5em 0 1em;
z-index: 10;
}
p,ul,ol {
margin-bottom: 2em;
font-family: sans-serif;
}
li {
margin-bottom: 1em;
}
#grouch, #grid {
position: fixed;
bottom: 0;
right: 0;
width: 45%;
max-width: 640px;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
opacity: 0.8;
z-index: -10;
}
@media (prefers-color-scheme: dark) {
html {
background: #121212; /* Darker shade for background in dark mode */
color: #E0E0E0; /* Light grey for text in dark mode */
}
a {
color: #76C790; /* Complementary green for links in dark mode */
}
}
@media (prefers-color-scheme: light) {
html {
background: #eee; /* Lighter shade for background in light mode */
color: #1d1d1d; /* Darker text for better contrast in light mode */
}
a {
color: #0b3d91; /* Default link color for light mode */
}
}
</style>
</head>
<body>
<h1>Hi 👋 I'm Oskar</h1>
<h2>You may be interested in...</h2>
<ul>
<li><a rel="me" href="https://bsky.app/profile/austegard.com">My BlueSky</a> (new!)</li>
<li><a rel="me" href="https://linkedin.com/in/austegard">My LinkedIn</a></li>
<li><a rel="me" href="https://github.com/oaustegard">My GitHub</a> <small>(<a rel="me" href="https://github.com/oaustegard/oaustegard.github.io">this site</a>)</small>
<ul>
<li><a rel="bookmarklets" href="bookmarklet-installer.html">My Bookmarklet Installer <small>(and collection of bookmarklets)</small></a></li>
<li><a rel="bsky" href="bsky/">My collection of 🦋BlueSky resources</a></li>
<li><a rel="😜" href="emoji-collage.html">My Emoji Collage Maker</a></li>
</ul>
</li>
<li><a rel="me" href="https://gists.github.com/oaustegard">My Gists</a></li>
<li>My Generative AI Longform Experiments:
<ul>
<li><a rel="ai" href="https://austegard.com/AI-in-SDLC/">Musings on AI in the Software Development Life Cycle (June '23)</a></li>
<li><a rel="ai" href="https://github.com/oaustegard/ihp-framework/blob/main/doc/Integrative%20Historical%20Prediction%20Framework.md">The (Fictional) Integrative Historical Prediction (IHP) Framework (Sep '24)</a></li>
<li><a rel="ai" href="https://gist.github.com/oaustegard/e01c45ac821cb5366d4c7731dd754cdc">The Great Acceleration: Preparing Society for Exponential AI Evolution (Nov' 24)</a></li>
</ul>
</li>
<li><a rel="pappa" href="https://atle.austegard.com">My dad, Atle Austegard</a>
<li><a rel="not me" href="https://www.google.com/search?q=austegard+-oskar">other namesakes</a></li>
<li><a rel="map" href="https://www.google.com/maps/@60.5367377,5.2680302,3a,75y,306.78h,91.13t/data=!3m6!1e1!3m4!1sLowPY3aCnNCjU3Xi3vlxqw!2e0!7i16384!8i8192?entry=ttu">Austegarden, Norway</a></li>
</ul>
<img id="grouch" src="favicon-16x16.png" alt="Scram!" />
<img id="grid" src="grid.svg" alt="Grid" />
</body>
</html>