diff --git a/projects/projects.json b/projects/projects.json index adf3591..be80a16 100644 --- a/projects/projects.json +++ b/projects/projects.json @@ -29,12 +29,6 @@ "description": "An app with Flashcards; more widgets coming soon. Name means 'MyWidget'.", "url": "https://github.com/zyqunix/MyWig" }, - { - "name": "Equicord", - "subheader": "Discord Client Modification", - "description": "A fork of <a href='https://github.com/Equicord/Equicord/'>Equicord</a> that includes more plugins and other stuff.", - "url": "https://github.com/zyqunix/Unexpected-Keyboard" - }, { "name": "AutoClicker", "subheader": "A C# AutoClicker", diff --git a/scrolling test/index.html b/scrolling test/index.html new file mode 100644 index 0000000..e139cda --- /dev/null +++ b/scrolling test/index.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Test</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <div class="scroller"> + <marquee behavior="scroll" loop="" direction="left"> + <img src="https://easyfiles.cc/2024/11/050e4af1-10f3-4bd5-9753-e9a69facfabd/epic%205507.png" alt=""> + </marquee> + </div> + + <div class="fun"> + hello world + </div> +</body> +</html> \ No newline at end of file diff --git a/scrolling test/style.css b/scrolling test/style.css new file mode 100644 index 0000000..fb41bc3 --- /dev/null +++ b/scrolling test/style.css @@ -0,0 +1,40 @@ +body { + background-color: #202020; + color: white; + margin: 0; + font-size: large; + font-family: monospace; + overflow: hidden; +} + +marquee { + padding: 20px 0px 20px 0px; + animation: transparent-edges infinite linear 0s; +} + +@keyframes transparent-edges { + 0% { + background-color: rgba(0, 0, 0, 0); + } + + 10% { + background-color: rgba(0, 0, 0, 1); + } + + 90% { + background-color: rgba(0, 0, 0, 1); + } + + 100% { + background-color: rgba(0, 0, 0, 0); + } +} + +.fun { + display: flex; + justify-content: center; + max-width: 300px; + padding: 30px 60px 30px 60px; + background-color: #404040; + animation: transparent-edges 5s infinite; +}