A Pen by Vashon Gonzales on CodePen.
Ashon Gonzales Ashon-G
This file contains hidden or 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 id="cursor"> | |
| <div id="circle"></div> | |
| </div> | |
| <br> | |
| </br> | |
| <div id="infographic" class="d-flex flex-column align-items-center py-5"> | |
| <div class="step one text-primary"> | |
| <div class="circle"> | |
| <i class="fas fa-meteor"></i> |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html data-wf-page="6460a7c33cd46f90282a5dd3" data-wf-site="6460a7c33cd46f90282a5d8b"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>form</title> | |
| <meta content="width=device-width, initial-scale=1" name="viewport"> | |
| <meta content="Webflow" name="generator"> | |
| <link href="css/normalize.css" rel="stylesheet" type="text/css"> | |
| <link href="css/webflow.css" rel="stylesheet" type="text/css"> | |
| <link href="css/form-3b7b0b.webflow.css" rel="stylesheet" type="text/css"> |
Ashon-G
/ index.html
Created
June 7, 2023 23:19
Terminal Component with Decorators, TypeScript, and Unocss
This file contains hidden or 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="light outer" data-theme="light"> | |
| <section class="inner"> | |
| <div class="relative"> | |
| <template id="v-terminal-content"> | |
| <!-- start user code --> | |
| <pre slot="tabpanel" id="panel-4-1" aria-labelledby="tab-4-1" tabindex="0" class="code-outer line-numbers-bg"><code class="code"><span class="line"><span style="color: #db889a;">is</span><span style="color: #ECEFF4">.</span><span style="color: #88C0D0">string</span><span style="color: #D8DEE9FF">(</span><span style="color: #A3BE8C">value</span><span style="color: #ECEFF499">: unknown</span><span style="color: #D8DEE9FF">)</span> <span style="color: #81A1C1">=></span> <span style="color: #A3BE8C">value</span> <span style="color: #ECEFF499">is</span> <span style="color: #d4976c">string</span><span style="color:#ECEFF499">;</span></span><span class="line"><span style="color: #db889a;">is</span><span style="color: #ECEFF4">.</span><span style="color: #d4976c;">assert</span><span style="color: #ECEFF4">.</span><span |
This file contains hidden or 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
| <!-- jQuery library --> | |
| <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | |
| <!-- minicolors plugin --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-minicolors/2.3.5/jquery.minicolors.min.js"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-minicolors/2.3.5/jquery.minicolors.min.css"> | |
| <div class="row snipcss-Qz3bf"> | |
| <div class="col-md-3 offset-md-2"> | |
| <p class=""> |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <!-- This site was created in Webflow. https://www.webflow.com --> | |
| <!-- Last Published: Sun Nov 06 2022 18:23:48 GMT+0000 (Coordinated Universal Time) --> | |
| <html data-wf-domain="fojcikdominik.webflow.io" data-wf-page="62b86b827713d80a7f9fcd65" data-wf-site="621b82fec7a99d5915ba8dc5" lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Bankous</title> | |
| <link href="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/css/fojcikdominik.webflow.eb4e6e9cb.css" rel="stylesheet" type="text/css" /> |
Ashon-G
/ gsap-scroll-animation-svg-clip-path.markdown
Created
July 31, 2023 01:41
GSAP - Scroll animation - Svg clip path
SOTD Challenge : Insprired by 2 Authenticators website animation (SOTD, Apr 11, 2023)
A Pen by Vashon Gonzales on CodePen.
SCSS practice
A Pen by Vashon Gonzales on CodePen.
This file contains hidden or 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 id="cursor"> | |
| <div id="circle"></div> | |
| </div> | |
| <br> | |
| </br> | |
| <div id="infographic" class="d-flex flex-column align-items-center py-5"> | |
| <div class="step one text-primary"> | |
| <div class="circle"> | |
| <i class="fas fa-meteor"></i> |
A Pen by Vashon Gonzales on CodePen.