| <div class="container"> | |
| <div class="screen"> | |
| <div class="screen__content"> | |
| <form class="login"> | |
| <div class="login__field"> | |
| <i class="login__icon fas fa-user"></i> | |
| <input type="text" class="login__input" placeholder="User name / Email"> | |
| </div> | |
| <div class="login__field"> | |
| <i class="login__icon fas fa-lock"></i> |
Deploys for static sites or web apps made easy with GitHub Actions
A generic but elegant CI flow for deploying a site to Github Pages - this is triggered on a push to master and runs on Github Actions - docs.
This workflow is targeted at a static site like Hexo or a single-page applciation like React project. It doesn't matter what the language is as long as your build steps results in a public directory which can be served on Github Pages.
| <canvas id="canv"></canvas> | |
| <p>Liquid Lights</p> | |
A Pen by GEAUX⚜️TECH on CodePen.
| <div class="wrapper" id="app"> | |
| <div class="player"> | |
| <div class="player__top"> | |
| <div class="player-cover"> | |
| <transition-group :name="transitionName"> | |
| <div class="player-cover__item" v-if="$index === currentTrackIndex" :style="{ backgroundImage: `url(${track.cover})` }" v-for="(track, $index) in tracks" :key="$index"></div> | |
| </transition-group> | |
| </div> | |
| <div class="player-controls"> | |
| <div class="player-controls__item -favorite" :class="{ active : currentTrack.favorited }" @click="favorite"> |
| <div class="wrapper" id="app"> | |
| <div class="player"> | |
| <div class="player__top"> | |
| <div class="player-cover"> | |
| <transition-group :name="transitionName"> | |
| <div class="player-cover__item" v-if="$index === currentTrackIndex" :style="{ backgroundImage: `url(${track.cover})` }" v-for="(track, $index) in tracks" :key="$index"></div> | |
| </transition-group> | |
| </div> | |
| <div class="player-controls"> | |
| <div class="player-controls__item -favorite" :class="{ active : currentTrack.favorited }" @click="favorite"> |
WebGL text effect using OGL https://github.com/oframe/ogl
Background picture by Vinicius Amano https://unsplash.com/photos/f9oQZOk9vnk
A Pen by GEAUX⚜️TECH on CodePen.
| <!-- | |
| Custom three.js Shader / ShaderMaterial | |
| with all MeshPhongMaterial's shader features. | |
| the basic 'phong template' is setup for uniforms, | |
| vertex and fragment shaders, and code is simply | |
| injected in program to allow for changing the vertex | |
| positions and the diffuse color before default lighting is applied. | |
| by @gsynuh | |
| --> |
A Pen by Quentin Feret on CodePen.
A Pen by GEAUX⚜️TECH on CodePen.
