From f55bbbe9e997ba27817196d96a033cebef145cd6 Mon Sep 17 00:00:00 2001 From: s1n Date: Tue, 30 Jul 2019 22:10:32 +0200 Subject: upload core files --- Px437_IBM_VGA8.ttf | Bin 0 -> 26068 bytes assets/js/embed/main.js | 26 ++++ assets/js/index/main.js | 12 ++ css/main.css | 325 ++++++++++++++++++++++++++++++++++++++++++++++++ embed.html | 31 +++++ feeds.xml | 13 ++ index.html | 148 ++++++++++++++++++++++ 7 files changed, 555 insertions(+) create mode 100644 Px437_IBM_VGA8.ttf create mode 100644 assets/js/embed/main.js create mode 100644 assets/js/index/main.js create mode 100644 css/main.css create mode 100644 embed.html create mode 100644 feeds.xml create mode 100644 index.html diff --git a/Px437_IBM_VGA8.ttf b/Px437_IBM_VGA8.ttf new file mode 100644 index 0000000..a8284f1 Binary files /dev/null and b/Px437_IBM_VGA8.ttf differ diff --git a/assets/js/embed/main.js b/assets/js/embed/main.js new file mode 100644 index 0000000..2f346d2 --- /dev/null +++ b/assets/js/embed/main.js @@ -0,0 +1,26 @@ +// Scrolling Title +var space = " "; +var speed = "60"; +var pos = 0; +var msg = "// Veil "; + +function Scroll() { + document.title = msg.substring(pos, msg.length) + space + msg.substring(0, pos); + pos++; + if (pos > msg.length) pos = 0; + window.setTimeout("Scroll()", speed); +} +Scroll(); + +// Previous, Random, Next +if (parent !== window) { + const referer = encodeURIComponent(new URL(document.html).origin); + + function fixup(elem) { + elem.href = elem.href + "?referer=" + referer; + } + + fixup(document.getElementById("prev")); + fixup(document.getElementById("random")); + fixup(document.getElementById("next")); +} \ No newline at end of file diff --git a/assets/js/index/main.js b/assets/js/index/main.js new file mode 100644 index 0000000..f02bab2 --- /dev/null +++ b/assets/js/index/main.js @@ -0,0 +1,12 @@ +var space = " "; +var speed = "60"; +var pos = 0; +var msg = "// Veil "; + +function Scroll() { + document.title = msg.substring(pos, msg.length) + space + msg.substring(0, pos); + pos++; + if (pos > msg.length) pos = 0; + window.setTimeout("Scroll()", speed); +} +Scroll(); \ No newline at end of file diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..a0aab85 --- /dev/null +++ b/css/main.css @@ -0,0 +1,325 @@ +/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */ +blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul { + margin: 0; + padding: 0; +} + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-weight: 400; +} + +ul { + list-style: none; +} + +button, input, select, textarea { + margin: 0; +} + +html { + box-sizing: border-box; +} + +*, +:after, + +:before { + box-sizing: inherit; +} + +img, video { + height: auto; + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, th { + padding: 0; + text-align: left; +} + +/*! veil.netlify.com/main.css | 0BSD | github.com/s1nical/veil */ +:root { + --black: #000; + --red: #a00; + --green: #0a0; + --yellow: #a50; + --blue: #00a; + --magenta: #a0a; + --cyan: #0aa; + --white: #aaa; + --bright-black: #555; + --bright-red: #f55; + --bright-green: #5f5; + --bright-yellow: #ff5; + --bright-blue: #55f; + --bright-magenta: #f5f; + --bright-cyan: #5ff; + --bright-white: #fff; + --text-color: var(--white); + --text-color-strong: var(--bright-white); + --background-color: var(--black); + --link-color: var(--magenta); + --link-color-hover: var(--bright-magenta); + --header-color: var(--bright-cyan); + --snippet-color: var(--yellow); + --input-color: var(--black); + --input-background-color: var(--bright-white); + --input-color-active: var(--black); + --input-border-color-active: var(--link-color-hover); + --page-width: 84ch; +} + +@font-face { + font-family: IBM VGA8; + src: url(Px437_IBM_VGA8.ttf); +} + +* { + font-family: IBM VGA8, Menlo, Consolas, Roboto Mono, "Ubuntu Monospace", Noto Mono, Oxygen Mono, Liberation Mono, monospace; +} + +:root { + font-size: 16px; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.embed { + border: 4px double #fff; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} + +.embed .container { + padding: 1em 2ch; +} + +.ring-nav { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +html { + width: 100%; + height: 100%; +} + +:root { + color: #aaa; + color: var(--text-color); + background: #000; + background: var(--background-color); +} + +.site { + padding: 1em 1ch; +} + +.site .container { + max-width: 84ch; + max-width: var(--page-width); + margin: 0 auto; +} + +.center-block { + padding-left: 2ch; + padding-right: 2ch; + max-width: 72ch; + max-width: calc(var(--page-width) - 12ch); + margin-left: auto; + margin-right: auto; +} + +.section-head, blockquote, footer, form, header, label, p, pre, ul { + display: block; + margin-bottom: 1em; +} + +section { + margin-bottom: 2em; +} + +*>:last-child { + margin-bottom: 0; +} + +ul { + list-style-type: none; + margin-left: 2ch; +} + +ul li:before { + content: "♦ "; +} + +h1, h2 { + color: #5ff; + color: var(--header-color); +} + +h1 { + white-space: nowrap; +} + +.title-item, h1 { + display: inline-block; +} + +.header-colon { + color: #aaa; + color: var(--text-color); + text-decoration: none; +} + +.section-head { + display: block; + width: 100%; + border-bottom: 1px solid #5ff; + border-bottom: 1px solid var(--header-color); + padding-bottom: .5em; +} + +footer { + border-top: 1px solid #5ff; + border-top: 1px solid var(--header-color); + padding-top: .5em; +} + +.members-title, footer { + display: flex; + justify-content: space-between; +} + +.members-title { + flex-wrap: wrap; +} + +.members-list { + list-style: none; + margin-left: 0; +} + +.members-list li { + color: #a0a; + color: var(--link-color); +} + +.members-list li:before { + content: "» "; +} + +a[href] { + color: #a0a; + color: var(--link-color); + text-decoration: none; +} + +a[href]:focus, a[href]:hover { + color: #f5f; + color: var(--link-color-hover); + text-decoration: underline; +} + +pre { + word-wrap: break-word; + white-space: pre-wrap; + color: #a50; + color: var(--snippet-color); + text-align: center; +} + +.form-wrap { + display: flex; + margin: 2em auto; + justify-content: center; +} + +form { + display: flex; + flex-direction: column; + align-content: center; +} + +@media (max-width:72ch) { + label { + flex-direction: column; + } +} + +label { + color: #fff; + color: var(--text-color-strong); + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; +} + +button, input[type=text], input[type=url] { + font-size: 1rem; + color: #000; + color: var(--input-color); + background: #fff; + background: var(--input-background-color); + border: 1px solid #000; + border: 1px solid var(--background-color); + outline: none; + box-shadow: none; +} + +input[type=text], input[type=url] { + width: 30ch; + margin-left: 1ch; +} + +input[type=text]:focus, input[type=text]:hover, input[type=url]:focus, input[type=url]:hover { + color: #000; + color: var(--input-color-active); + border: 1px solid #f5f; + border: 1px solid var(--input-border-color-active); +} + +button { + align-self: center; +} + +iframe { + display: block; + margin: auto; +} + +blockquote { + color: #0a0; + color: var(--green); +} + +.quote-attribution { + text-align: right; + white-space: nowrap; +} + +.quote-attribution, .quote-attribution a { + color: #aaa; + color: var(--text-color); +} + +.quote-attribution a:active, .quote-attribution a:hover { + color: #fff; + color: var(--text-color-strong); +} \ No newline at end of file diff --git a/embed.html b/embed.html new file mode 100644 index 0000000..50cf329 --- /dev/null +++ b/embed.html @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + +
+

+ This site is part of Veil, a webring with + 1 member. +

+

+ + Random + +

+
+ + + + \ No newline at end of file diff --git a/feeds.xml b/feeds.xml new file mode 100644 index 0000000..56059d3 --- /dev/null +++ b/feeds.xml @@ -0,0 +1,13 @@ + + + + Veil Member Feeds + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..09bd31e --- /dev/null +++ b/index.html @@ -0,0 +1,148 @@ + + + + + + + + + + + + Veil + + + + + + + +
+ + +
+
+

Veil Webring

+
+ +
+ +
+
+

+ [veil] is the recognition that social liberty is inherently bound up + with material liberty, and that freedom is ultimately a matter of + expanding our capacity and opportunities to engage with the world around + us. it is the realization that our resistance against those social forces + that would subjugate and limit us is but part of a spectrum of efforts to + expand human agency-to facilitate our inquiry and creativity + + --rechelon + +

+
+
+ +
+
+

Members (2)

+ RSS Feeds +
+ +
+ +
+

What's this?

+

+ webring, n. ancient technology from the 1990s used to + navigate the internet +

+

+ If you are a: +

+
    +
  • transhumanist tranny
    • +
  • agender AI
    • +
  • part-time Lain aficionado / full-time faggot
    • +
  • lame queerdo that thinks webrings are neat
    • +
+

+ then you might want to join. +

+
+ +
+

Code of conduct

+

+ Don't be a piece of shit. +

+
+ +
+

How to join

+

+ To join the webring, pull request + s1nical/veil + with an updated "data/members.json". If you don't have a GitHub account, you + can also use this form to sign up. The webring admin will look at your site + and handle your request. +

+
+
+ + + + + + + + + +
+
+

+ Once you've joined the ring, copy this code snippet into your site: +

+ 
<iframe src="https://veil.netlify.com/embed"></iframe>
+

+ It will render this banner that links to the other members: +

+ +
+ + + +
+ + + + \ No newline at end of file -- cgit v1.2.3