Skip to content

Instantly share code, notes, and snippets.

View vineeth-pappu's full-sized avatar
🥇
History in the making

Vineeth Viswanathan vineeth-pappu

🥇
History in the making
View GitHub Profile
@vineeth-pappu
vineeth-pappu / index.html
Created July 7, 2022 09:05
Super Header Slider
<div id="left-side" class="side">
<h2 class="title">
Sometimes a simple header is
<span class="fancy">better</span>
</h2>
</div>
<div id="right-side" class="side">
<h2 class="title">
Sometimes a simple header is
<span class="fancy">better</span>
@vineeth-pappu
vineeth-pappu / augmented-ui-social-media-picture-of-code-thing.markdown
Created June 6, 2022 09:16
augmented-ui social media picture-of-code thing
@vineeth-pappu
vineeth-pappu / index.pug
Created May 23, 2022 09:45
SCI-FI UI #2 - WAVING SQUARE DROPDOWN
-var x = 1
-var sqr = 174
mixin option(label)
-var x = 1
-var sqr = 174
div(class='option' onclick='getOption(this)')
.label= label
.sqrs
while x <= sqr
@vineeth-pappu
vineeth-pappu / index.pug
Created May 23, 2022 09:45
SCI-FI UI #2 - WAVING SQUARE DROPDOWN
-var x = 1
-var sqr = 174
mixin option(label)
-var x = 1
-var sqr = 174
div(class='option' onclick='getOption(this)')
.label= label
.sqrs
while x <= sqr
@vineeth-pappu
vineeth-pappu / index.pug
Created May 23, 2022 09:43
SCI-FI UI #1 - WAVING SQUARE BUTTON
-var x = 1
-var sqr = 174
#shot
.card
button#component
span.label
while x <= sqr
div(class="sqr sqr-" + x++)
.description
@vineeth-pappu
vineeth-pappu / index.html
Created May 23, 2022 09:39
Skillset And Workflow Display - Portfolio Site
<p id="workflow-boot"></p>

Digital Pulse

Visual replication of a digital pulse as seen in various Sci-Fi movies and real-world medical equipment. I couldn't find anything on the web to "hack" for my own projects so I've put this one up for everyone to use. Feel free to use this if you're working on an app or dashboard requiring real-time updates. Created this as a Captain Anonymous several days ago.

A Pen by vineeth on CodePen.

License.