diff --git a/public/assets/img/srv-coin.png b/public/assets/img/srv-coin.png new file mode 100644 index 0000000..1605af2 Binary files /dev/null and b/public/assets/img/srv-coin.png differ diff --git a/public/assets/img/srvusd-irc.png b/public/assets/img/srvusd-irc.png new file mode 100644 index 0000000..cddd6e7 Binary files /dev/null and b/public/assets/img/srvusd-irc.png differ diff --git a/public/dracula.css b/public/dracula.css new file mode 100644 index 0000000..087149f --- /dev/null +++ b/public/dracula.css @@ -0,0 +1,81 @@ +/* Dracula Theme v1.2.5 + * + * https://github.com/dracula/highlightjs + * + * Copyright 2016-present, All rights reserved + * + * Code licensed under the MIT license + * + * @author Denis Ciccale + * @author Zeno Rocha + */ + +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + background: #282a36; +} + +.hljs-built_in, +.hljs-selector-tag, +.hljs-section, +.hljs-link { + color: #8be9fd; +} + +.hljs-keyword { + color: #ff79c6; +} + +.hljs, +.hljs-subst { + color: #f8f8f2; +} + +.hljs-title, +.hljs-attr, +.hljs-meta-keyword { + font-style: italic; + color: #50fa7b; +} + +.hljs-string, +.hljs-meta, +.hljs-name, +.hljs-type, +.hljs-symbol, +.hljs-bullet, +.hljs-addition, +.hljs-variable, +.hljs-template-tag, +.hljs-template-variable { + color: #f1fa8c; +} + +.hljs-comment, +.hljs-quote, +.hljs-deletion { + color: #6272a4; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-literal, +.hljs-title, +.hljs-section, +.hljs-doctag, +.hljs-type, +.hljs-name, +.hljs-strong { + font-weight: bold; +} + +.hljs-literal, +.hljs-number { + color: #bd93f9; +} + +.hljs-emphasis { + font-style: italic; +} diff --git a/public/index.css b/public/index.css index 3bd2bde..5a099a9 100644 --- a/public/index.css +++ b/public/index.css @@ -1,5 +1,9 @@ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&family=Phudu:wght@300&display=swap'); +* { + box-sizing: border-box; +} + body { padding-top: 50px; width: 100%; @@ -36,3 +40,94 @@ a:hover { padding: 5px; text-decoration: none; } + +#code { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; +} + +h2 { + color: white; + font-family: 'DM Sans', sans-serif; + font-size: 42px; + margin-top: 50px; +} + +h3 { + color: white; + font-family: 'Phudu', cursive; + font-size: 32px; +} + +img { + width: 75px; + float: left; + margin-right: 15px; +} + +.project { + padding: 15px; + background-color: rgba(255,255,255,0.2); + backdrop-filter: blur(5px); + margin-bottom: 20px; + border-radius: 10px; +} + +.project:hover { + background-color: rgba(255,255,255,0.4); + cursor: pointer; +} + +.project p { + margin-top: 10px; +} + +footer { + padding: 20px; + padding-top: 30px; +} + +#footer-header { + color: white; + font-family: 'DM Sans', sans-serif; + font-size: 24px; + margin-top: 10px; + margin-bottom: 0px; +} + +footer p { + margin-top: 0px; +} + +.member { + display: inline-block; + width: calc(50% - 50px); + padding: 15px; +} + +.member:hover { + backdrop-filter: blur(5px); + background-color: rgba(255,255,255,0.42); + border-radius: 5px; + cursor: pointer; + border: 4px solid #00ccff; +} + +.member img { + width: 85px; + height: 85px; + border-radius: 42.5px; + object-fit: cover; +} + +.member h3 { + margin-top: 0px; + color: white; + font-size: 24px; + height: 85px; + line-height: 85px; +} diff --git a/public/index.html b/public/index.html index 1f32073..74fbbf3 100644 --- a/public/index.html +++ b/public/index.html @@ -37,14 +37,98 @@ content="assets/icons/browserconfig.xml" /> + + + + +

Gallium Workshop

- We are a cybersecurity research collective that intends to continue the + We are a cybersecurity research collective intending to continue the great work of Mercury Workshop and others.

+

Proprietary Projects

+
+
+ +

SRVUSD IRC

+

District-wide IRC chat application

+
+
+ +

SRV Coin

+

+ The world's most valuable cryptocurrency, set to exceed the value of + Bitcoin +

+
+
+

Honorary Members

+
+
+ + +

Edward Snowden

+ +
+
+ + +

Vivek Ramaswamy

+ +
+
+ + +

Shawn Fanning

+ +
+
+ + +

Kevin Mitnick

+ +
+
+ + +

Satoshi Nakamoto

+ +
+
+ + +

Robert Morris

+ +
+
+ + +

Joe Exotic

+ +
+
+ + +

Javier Milei

+ +
+
+ + diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..d4f1e58 --- /dev/null +++ b/public/index.js @@ -0,0 +1,64 @@ +let code = document.getElementById('code') +let raw = [] +let els = [] + +const SOURCES = [ + 'https://cdn.jsdelivr.net/gh/quantum9innovation/the-jankiest/index.min.js', + 'https://cdn.jsdelivr.net/gh/quantum9innovation/hulet/dist/hulet.min.js', + 'https://cdn.jsdelivr.net/gh/quantum9innovation/sost/dist/sost.min.js', + 'https://code.jquery.com/jquery-3.6.3.min.js', + 'https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js', +] + +hljs.configure({ + languages: ['javascript'], + ignoreUnescapedHTML: true +}) + +let highlight = () => { + document.querySelectorAll('pre').forEach(el => { + hljs.highlightElement(el) + }) +} + +let spawn = () => { + els.forEach(el => { + if (Math.random() < 0.3) el.remove() + }) + + let spawned = document.createElement('pre') + let source = raw[Math.floor(Math.random() * raw.length)] + let start = Math.floor(Math.random() * source.length) + let length = 250 + let end = start + length + let text = source.substring(start, end) + spawned.innerText = text + code.appendChild(spawned) + + let x = Math.random() * (window.innerWidth - 500) + let y = Math.random() * (window.innerHeight - 400) + spawned.style.left = x + 'px' + spawned.style.top = (y + 300) + 'px' + spawned.style.width = '500px' + spawned.style.height = '100px' + spawned.style.textWrap = 'wrap' + spawned.style.opacity = 0.5 + spawned.style.background = 'black' + spawned.style.position = 'absolute' + spawned.style.overflow = 'hidden' + + highlight() + els.push(spawned) + setTimeout(spawn, 100) +} + +let init = async () => { + for (let source of SOURCES) { + let res1 = await fetch(source); + let text1 = await res1.text(); + let formatted = text1.replace(/\n/g, ""); + raw.push(formatted); + } +} + +init().then(spawn)