summaryrefslogtreecommitdiffstats
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/index.html46
-rw-r--r--public/style.css45
2 files changed, 46 insertions, 45 deletions
diff --git a/public/index.html b/public/index.html
index ef3909f..fe530fb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,52 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>lambda.cx home</title>
+ <link rel="stylesheet" href="style.css">
<style>
- body {
- background: black;
- color: white;
- font-family: monospace;
- }
- #braille {
- line-height: .92;
- border: 1px solid white;
- }
- .bigguy {
- display: flex;
- }
- .lambda {
- font-family: Andale Mono, monospace;
- font-size: 12px;
- display: inline-block;
- }
- .linkbox {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 1;
- }
- .links {
- font-size: 16px;
- display: inline-block;
- position: absolute;
- background: black;
- padding: 3px;
- border: 1px solid white;
- }
- .links > span {
- color: white;
- }
- .links a {
- color: lightgrey;
- }
- .links a:visited {
- color: grey;
- }
- @media only screen and (max-width: 440px) {
- .bigguy {
- display: block;
- }
- }
</style>
</head>
<body>
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..94729c2
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,45 @@
+body {
+ background: black;
+ color: white;
+ font-family: monospace;
+}
+#braille {
+ line-height: .92;
+ border: 1px solid white;
+}
+.bigguy {
+ display: flex;
+}
+.lambda {
+ font-family: Andale Mono, monospace;
+ font-size: 12px;
+ display: inline-block;
+}
+.linkbox {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex: 1;
+}
+.links {
+ font-size: 16px;
+ display: inline-block;
+ position: absolute;
+ background: black;
+ padding: 3px;
+ border: 1px solid white;
+}
+.links > span {
+ color: white;
+}
+.links a {
+ color: lightgrey;
+}
+.links a:visited {
+ color: grey;
+}
+@media only screen and (max-width: 440px) {
+ .bigguy {
+ display: block;
+ }
+}