Skip to content

Instantly share code, notes, and snippets.

View Shashamura's full-sized avatar

Shashamura1 Shashamura

View GitHub Profile
@Shashamura
Shashamura / bats-flocking-simulation.markdown
Last active October 14, 2022 17:33
Bats - Flocking simulation
@Shashamura
Shashamura / index.pug
Last active October 12, 2022 23:16
Navigation PageDesign/Lesson
sectio.nav
h1 FRONTEND TRENDS
h3.span.loader
span.m B
span.m E
span.m N
span.m E
span.m F
span.m I
span.m T
@Shashamura
Shashamura / index.html
Last active October 12, 2022 22:57
SVG Ocelot - Leopardus pardalis
<svg viewBox="0 0 2500 1667"
xmlns="http://www.w3.org/2000/svg"
shape-rendering="crispEdges">
<polygon points="1251,842 1232,850 1250,859" style="fill:rgb(84,61,35)"/>
<polygon points="1232,850 1232,852 1250,859" style="fill:rgb(55,37,20)"/>
<polygon points="1232,852 1232,860 1250,859" style="fill:rgb(20,9,4)"/>
<polygon points="1232,860 1252,870 1250,859" style="fill:rgb(55,37,18)"/>
<polygon points="1250,859 1281,850 1251,842" style="fill:rgb(91,69,39)"/>
<polygon points="1215,860 1230,869 1232,860" style="fill:rgb(64,49,30)"/>
<polygon points="1232,860 1230,869 1252,870" style="fill:rgb(79,58,32)"/>
@Shashamura
Shashamura / index.pug
Created October 7, 2022 08:50
Mouse-Based Parallax Hero
.hero
.hero__inner
div.hero__image(data-x="0.05" data-y="0.05" data-scale="1.05")
img(src="https://assets.codepen.io/450456/layer-sky.jpg")
div.hero__image.hero__image--sun(data-x="0.065" data-y="0.065" data-scale="1.1")
img(src="https://assets.codepen.io/450456/layer-sunNoSparkle.png")
div.hero__image.hero__image--sparkle(data-x="0.065" data-y="0.065" data-scale="1.1")
img(src="https://assets.codepen.io/450456/layer-sunSparkle.png")
div.hero__image( data-x="0.09" data-y="0.09" data-scale="1.15")
img(src="https://assets.codepen.io/450456/layer-smallField.png")
@Shashamura
Shashamura / index.html
Created September 23, 2022 22:23
Scrubbing, scrolling and splitting
<nav>
<a href="#!">Home</a>
<a href="#!">About</a>
<a href="#!">Contact</a>
</nav>
<div class="header-circle">
<div class="outer-circle-large">
<div class="outer-circle-large-inner">
</div>
@Shashamura
Shashamura / hello-world-in-react.markdown
Created September 15, 2022 08:43
Hello World in React
@Shashamura
Shashamura / hello-world-in-react.markdown
Created September 15, 2022 08:37
Hello World in React
@Shashamura
Shashamura / index.html
Created September 14, 2022 22:43
Space globe - Three.js
<div id="canvas_container"></div>
<!-- <button id="fullscr">Go Fullscreen</button> -->
@Shashamura
Shashamura / index.html
Created September 12, 2022 22:08
spider
<canvas id="canvas"><canvas>