Skip to content

Instantly share code, notes, and snippets.

View zeddash's full-sized avatar
😸
I may be slow to respond.

z- zeddash

😸
I may be slow to respond.
View GitHub Profile
@zeddash
zeddash / index.html
Last active January 25, 2020 04:13
HTML + Sass + JS
‎‎​
@zeddash
zeddash / index.pug
Last active January 18, 2020 21:25
GistPad Share Testing
‎‎​
@zeddash
zeddash / index.pug
Last active February 5, 2020 11:56
GistPad Share Site Test
article#items
div.item(style="--card-height:5")
a.layer(lang="pug" href="#gist/index.pug")
div.icon.fal.fa-code.fa-fw
div.name index.pug
a.layer(lang="scss" href="#gist/style.scss")
div.icon.fab.fa-sass.fa-fw
div.name style.scss
a.layer(lang="javascript" href="#gist/script.js")
div.icon.fab.fa-js-square.fa-fw
@zeddash
zeddash / index.pug
Last active February 5, 2020 11:55
Calendar test
div#timeline
each val in [...Array(24).keys()]
div.cell(style="--place:" + val)
div.event(style="--start:3; --end:7;")
div.container
@zeddash
zeddash / index.pug
Last active February 5, 2020 11:56
Gallery
div.image(style="background-image:url(https://images.unsplash.com/photo-1544568100-847a948585b9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ); --image-width:25;--image-height:18">)
div.image(style="background-image:url(https://images.unsplash.com/photo-1517423440428-a5a00ad493e8?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ); --image-width:25;--image-height:32">)
div.image(style="background-image:url(https://images.unsplash.com/photo-1510771463146-e89e6e86560e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ); --image-width:25;--image-height:44">)
div.image(style="background-image:url(https://images.unsplash.com/photo-1507146426996-ef05306b995a?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ); --image-width:25;--im
@zeddash
zeddash / index.pug
Last active February 5, 2020 11:56
Timeline Exploration
article.timeline(style="--weeks:20; --current:5; --target:16; --prediction:14")
div.leftline(data-date="22nd January")
div.middleline
div.rightline(data-date="10th June")
div.target
div.buffer
div.overdue
div.current
div.prediction(data-date="29th April")
@zeddash
zeddash / index.pug
Last active February 4, 2024 12:38
Medium style lazy loading images with react #codepen #react
div#app
@zeddash
zeddash / index.pug
Last active February 5, 2020 10:21
Cubic Bezier Testing
div.container
div.dot
@zeddash
zeddash / index.pug
Last active February 5, 2020 12:14
Bookmark
div.card
div.bookmark
div.card
div.bookmark
div.card
div.bookmark
div.card
div.bookmark
div.card
div.bookmark
@zeddash
zeddash / index.html
Last active February 5, 2020 11:47
testing sass
<div>ffff</div>