diff --git a/assets/css/matrix.css b/assets/css/matrix.css deleted file mode 100644 index c90390e..0000000 --- a/assets/css/matrix.css +++ /dev/null @@ -1,8 +0,0 @@ -#matrix-canvas { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; -} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 0900f02..e69de29 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,81 +0,0 @@ -body { - background-color: black; - color: limegreen; - /* Light green */ - font-family: "Lucida Console", "Courier New", monospace; -} - -.card { - background-color: #0e0b0b; - /* Darker background for cards */ - color: limegreen; - border: 1px solid limegreen; -} - -a { - color: limegreen; -} - -a:hover { - color: #00FF00; - /* Brighter green on hover */ -} - -.btn-primary { - background-color: limegreen; - border-color: limegreen; - color: black; -} - -.btn-primary:hover { - background-color: #00FF00; - border-color: #00FF00; - color: black; -} - -/* Table styling for black background and green borders */ -.table { - --bs-table-bg: black; - /* Bootstrap 5 variable for table background */ - --bs-table-color: limegreen; - /* Text color for table */ - --bs-table-border-color: limegreen; - /* Border color for the table and cells */ -} - -.table-striped>tbody>tr:nth-of-type(odd)>* { - --bs-table-bg-type: #1a1a1a; - /* Slightly lighter black for striped rows */ - color: limegreen; -} - -.table-hover>tbody>tr:hover>* { - --bs-table-hover-bg: #444; - /* Darker grey on hover */ - color: limegreen; -} - -.table-bordered> :not(caption)>*>* { - border-color: limegreen; -} - -.bg-dark { - /* Ensure consistency for manually set dark backgrounds */ - background-color: black !important; -} - -.text-success { - /* Ensure consistency for success text */ - color: limegreen !important; -} - -.header-border { - border-bottom: 3px solid rgba(50, 205, 50, 0.7) !important; -} - -.content-border { - border: 3px solid rgba(50, 205, 50, 0.7) !important; - background-color: rgba(0, 0, 0, 0.7); - padding: 1.5rem; -} - diff --git a/assets/js/.keep b/assets/js/.keep new file mode 100644 index 0000000..e69de29 diff --git a/assets/js/matrix.js b/assets/js/matrix.js deleted file mode 100644 index b762cb5..0000000 --- a/assets/js/matrix.js +++ /dev/null @@ -1,49 +0,0 @@ -const canvas = document.getElementById('matrix-canvas'); -const ctx = canvas.getContext('2d'); - -canvas.width = window.innerWidth; -canvas.height = window.innerHeight; - -//const letters = 'ABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZ1234567890'; -const letters = '日ﾊﾐﾋｰｳｼﾅﾓﾆｻﾜﾂｵﾘｱﾎﾃﾏｹﾒｴｶｷﾑﾕﾗｾﾈｽﾀﾇﾍｦｲｸｺｿﾁﾄﾉﾌﾔﾖﾙﾚﾛﾝ012345789ZTHEMATRIX:・."=*+-<>¦｜╌çｸ̄' -const fontSize = 24; -const fontColor = '#0F0'; -const backgroundColor = 'rgba(0, 0, 0, 0.05)'; -const milisec = 80; - -let columns = canvas.width / fontSize; - -const drops = []; -for (let x = 0; x < columns; x++) { - drops[x] = 1; -} - -function draw() { - ctx.fillStyle = backgroundColor; - ctx.fillRect(0, 0, canvas.width, canvas.height); - - ctx.fillStyle = fontColor; - ctx.font = fontSize + 'px arial'; - - for (let i = 0; i < drops.length; i++) { - const text = letters.charAt(Math.floor(Math.random() * letters.length)); - ctx.fillText(text, i * fontSize, drops[i] * fontSize); - - if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) { - drops[i] = 0; - } - drops[i]++; - } -} - -setInterval(draw, milisec); - -window.addEventListener('resize', () => { - canvas.width = window.innerWidth; - canvas.height = window.innerHeight; - columns = canvas.width / fontSize; - drops.length = 0; - for (let x = 0; x < columns; x++) { - drops[x] = 1; - } -}); diff --git a/http/views/shared/layout.html b/http/views/shared/layout.html index a7b89f7..31e8b4f 100644 --- a/http/views/shared/layout.html +++ b/http/views/shared/layout.html @@ -6,29 +6,28 @@ Teletype Games - -
+
- Teletype Games + Teletype Games @@ -39,9 +38,9 @@ {{block "content" .}}{{end}}
-