Skip to content

Instantly share code, notes, and snippets.

View devshades-au's full-sized avatar

Devshades devshades-au

View GitHub Profile
@devshades-au
devshades-au / index.html
Created October 1, 2021 02:22
Raffle Draw
<button class="roll" onclick="rollClick()">Roll</button>
<div class="names hide"></div>
<div class="winner hide"></div>
<button class="roll-again hide" onclick="rollClick()">Roll Again?</button>
@devshades-au
devshades-au / index.html
Created October 1, 2021 06:23
Type Writer Effect
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>Welcome To My Site</title>
</head>
<body>
@devshades-au
devshades-au / candy-color-button-animation.markdown
Created September 22, 2023 12:59
Candy Color Button Animation
@devshades-au
devshades-au / index.html
Created September 22, 2023 13:09
Scrollable pagination, neon theme
<p class="infos">
You can switch pages using your mouse wheel !<br />
The amount of rows per pages depends on the height of your window when loading the page.
</p>
<div class="table-container" style="--data-limit: 9">
<div class="table" id="table-0" data-limit="9">
<div class="table-row table-heading">
<div class="table-col">
#
@devshades-au
devshades-au / index.html
Created September 22, 2023 13:10
Swaying photo gallery - scroll event
<!--
Swaying photo gallery - scroll event
@wakana-k
https://codepen.io/wakana-k/pen/WNLrWMm
Created on AUGUST 29, 2023
Copyright (c) 2023 by Wakana Y.K.
-->
<!--
Related works :
Portforio design @wakana-k - https://codepen.io/wakana-k/pen/BaxKKvE
@devshades-au
devshades-au / index.html
Created September 22, 2023 13:11
Swaying photo gallery - hover event
<!--
Swaying photo gallery - hover event
@wakana-k
https://codepen.io/wakana-k/pen/oNJxbPw
Created on AUGUST 29, 2023
Copyright (c) 2023 by Wakana Y.K.
-->
<!--
Related works :
Portforio design @wakana-k - https://codepen.io/wakana-k/pen/BaxKKvE
@devshades-au
devshades-au / index.html
Created March 21, 2024 19:58
Powershell Reference Test
<center>
<div class="container">
<h1 class="mb-4">PowerShell</h1><hr/>
<!-- Combobox for selecting a category -->
<div class="mb-4 slim">
<!-- <label for="categorySelect" class="form-label">Select Category:</label> -->
<select class="form-select" id="categorySelect" onchange="populateCommands()">
<option value="">Select Category</option>
<option value="Networking">Networking</option>
<body class="bg-gray-900 flex justify-center items-center h-screen">
<div class="terminal-window">
<p class="typing"></p>
</div>