Skip to content

Instantly share code, notes, and snippets.

View mhekel's full-sized avatar
💭
I did a thing!

DM Elysium mhekel

💭
I did a thing!
View GitHub Profile
@mhekel
mhekel / dabblet.css
Last active January 4, 2025 07:42
Wrapper for the text animation
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
* {
box-sizing: border-box;
}
@mhekel
mhekel / dabblet.css
Created January 4, 2025 17:32
Wrapper for the text animation
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
* {
box-sizing: border-box;
}
*
{
box-sizing: border-box;
}
body {
overflow: auto;
background: #000;
width: 100%; height: 800px; border: 5px solid white;
}
@mhekel
mhekel / dabblet.css
Created July 8, 2025 09:21
Vertical Sliding Tabs
/* Vertical Sliding Tabs */
*
{
box-sizing: border-box;
}
body {
overflow: auto;
background: #000;
width: 100%; height: 800px; border: 5px solid white;
@mhekel
mhekel / dabblet.css
Created July 8, 2025 12:24
Vertical Sliding Tabs
/* Vertical Sliding Tabs */
*
{
box-sizing: border-box;
}
body {
overflow: auto;
background: #000;
width: 100%; height: 800px; border: 5px solid white;
//**8 tabs slider */
body {
overflow: hidden;
background: #000;
}
body .container {
position: absolute;
top: 50%;
left: 50%;
width: 800px;
@mhekel
mhekel / all.js
Created July 9, 2025 02:13
all.js
/*
* Foundation Responsive Library
* http://foundation.zurb.com
* Copyright 2013, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
(function ($, window, document, undefined) {
@mhekel
mhekel / index.html
Created July 9, 2025 14:00
Sticky Notes
<main id="board">
<div id="trash">
<span id="reset">RESET</span>
<svg viewBox="0 0 448 512" title="trash-alt">
<path d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" />
</svg>
</div>
</main>
@mhekel
mhekel / Serverpanel.md
Last active August 2, 2025 08:57
Server panel

A server Panel that's not a panel

Note

code presented here, readme coming soon

feedback welcomed

@mhekel
mhekel / gist:85fba043230d59556eff5dd38c9f8a08
Last active August 31, 2025 19:59
Referenc3 notebook.md
###<header>
<div id='header'>
<h1>CSS Selectors for Reference</h1>
<div class='extra-shadow'></div>
</div>
</header>
<div class='leather'>
<div class='leather-stitch'>
<ul class='rings'>