Simple CSS gradients to show off your Pride
A Pen by Maya Shankar on CodePen.
Maya Shankar maya-shankar
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container-fluid navigation"> | |
| <hr class="head" /> | |
| <ul class="list"> | |
| <a href="#abt"><li>about</li></a> | |
| <a href="#portfolio"><li>portfolio</li></a> | |
| <a href="#other"><li>other</li></a> | |
| </ul> | |
| <hr class="head" /> | |
| </div> |
A simple quote generator written in vanilla JavaScript. Additionally, almost a complete response to the quote challenge of FreeCodeCamp.
A Pen by Maya Shankar on CodePen.
A pure CSS version of the hamburger menu animation designed by PrimeModule Studio (https://dribbble.com/shots/2761273-simple-hamburger-menu-animation).
A Pen by Maya Shankar on CodePen.
An unfinished loader/eclipse animation based off of https://dribbble.com/shots/1982200-Solar-Eclipse. I'm working on IE (I know, WHY) and SVG animations don't work, but as soon as I get my hands on my home computer I'm going to finish this animation.
Update: I didn't like how unfinished it was, so I made it something else for the time being. The colours and names were found here: http://www.todayifoundout.com/index.php/2010/03/the-sun-is-white-not-yellow/
A Pen by Maya Shankar on CodePen.
maya-shankar
/ Canvas Gradient Generator (& Intermediate Values).markdown
Last active
September 10, 2021 02:59
Canvas Gradient Generator (& Intermediate Values)
An HTML Canvas that shows a gradient from one user specified colour to another, along with the intermediate colours if you click on the gradient. Enter a higher number of squares to get a smoother gradient.
Update: There's now a randomize button if you don't know what rgb values you want to try this out with.
A Pen by Maya Shankar on CodePen.
maya-shankar
/ Ada Lovelace -- A Tribute.markdown
Created
June 28, 2016 19:28
Ada Lovelace -- A Tribute
This is a tribute page for Ada Lovelace following the guidelines from FreeCodeCamp : Build a Tribute Page.
A Pen by Maya Shankar on CodePen.
A one-page HTML portfolio-- to play around with img-responsive grids and other Bootstrap elements, and as a response to the 'Build a Personal Portfolio' challenge of FreeCodeCamp.
The photos belong to Sneha Sankar (https://www.behance.net/snehasankar) and the grid design comes from research and the never-ending resources on the Internet. I wish I could use a better font, but beggars can't be choosers on codepen.io.
A Pen by Maya Shankar on CodePen.
A portfolio I designed to commemorate my baby steps into the world of HTML/CSS and Bootstrap.
The photos belong to Sneha Sankar (https://www.behance.net/snehasankar) and the grid design comes from research and the never-ending resources on the Internet. I wish I could use a better font, but beggars can't be choosers on codepen.io.
A Pen by Maya Shankar on CodePen.