Ano Rebel AnoRebel
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
| <template> | |
| <section v-if="enabled"> | |
| <aside class="sidebar" :style="style" ref="element"> | |
| <slot></slot> | |
| </aside> | |
| <div class="overlay" ref="overlay"></div> | |
| </section> | |
| </template> | |
| <script setup> |
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
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| min-height: 100vh; |
AnoRebel
/ hacker_effect.html
Created
January 27, 2023 13:32
Dope hacker effect from [Hyperplexed](https://www.youtube.com/W5oawMJaXbU)
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
| <style> | |
| div { | |
| font-family: `Monospaced font`; | |
| } | |
| </style> | |
| <div data-value="AnoRebel">AnoRebel</div> |
AnoRebel
/ anim_submit.js
Created
October 15, 2022 18:47
A collection of button effects in html, css, javascript
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
| $(function() { | |
| $( "#button" ).click(function() { | |
| $( "#button" ).addClass( "onclic", 250, validate); | |
| }); | |
| function validate() { | |
| setTimeout(function() { | |
| $( "#button" ).removeClass( "onclic" ); | |
| $( "#button" ).addClass( "validate", 450, callback ); | |
| }, 2250 ); |
AnoRebel
/ VGauge.vue
Created
September 7, 2022 17:33
Vue 3 Gauge remade from `https://github.com/amroessam/vgauge`
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
| <template> | |
| <div> | |
| <div class="gauge-title"> | |
| <span ref="gauge_value" v-if="top" :class="gaugeValueClass"></span> | |
| <span v-if="top" :class="gaugeValueClass">{{ unit }}</span> | |
| </div> | |
| <canvas ref="gauge_ref" :class="canvasClass" :height="height" :width="width"></canvas> | |
| <div class="gauge-title"> | |
| <span ref="gauge_value" v-if="!top" :class="gaugeValueClass"></span> | |
| <span v-if="!top" :class="gaugeValueClass">{{ unit }}</span> |
AnoRebel
/ SVGGauge.vue
Created
September 7, 2022 17:32
Vue 3 SVG Gauge components remade from `https://github.com/hellocomet/vue-svg-gauge`
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
| <template> | |
| <div class="gauge"> | |
| <svg | |
| v-if="height" | |
| :viewBox="`0 0 ${RADIUS * 2} ${height}`" | |
| height="100%" | |
| width="100%" | |
| xmlns="http://www.w3.org/2000/svg" | |
| > | |
| <defs> |
AnoRebel
/ PullRefresh.vue
Created
September 2, 2022 00:44
A Vue 3 `PullRefresh` component copied and fixed/enhanced since I couldn't find the original repo
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
| <template> | |
| <div class="pull-refresh" ref="root"> | |
| <div | |
| class="pull-refresh__track" | |
| :style="trackStyle" | |
| @touchstart="onTouchStart" | |
| @touchmove="onTouchMove" | |
| @touchend="onTouchEnd" | |
| @touchcancel="onTouchend" | |
| > |
AnoRebel
/ styles.css
Created
June 29, 2022 10:03
A nice timeline UI in simple html from `https://codepen.io/banik/pen/ELpWNJ`
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
| @charset "UTF-8"; | |
| @import url("https://fonts.googleapis.com/css?family=Raleway:400,600"); | |
| body { | |
| font-family: "Raleway", sans-serif; | |
| background: #fafafa; | |
| } | |
| h1 { | |
| text-align: center; | |
| padding: 30px 0 0 0; |
AnoRebel
/ ci_cd.html
Created
June 29, 2022 10:00
A cool CI/CD UI with simple html taken from `https://codepen.io/banik/pen/exjLzB`
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
| <container> | |
| <h2>Pre-Deployment Testing Status</h2> | |
| <details> | |
| <summary class="success">UI Unit Tests</summary> | |
| <ul> | |
| <li> | |
| <div class="success">Test 1<span class="status">succeeded</span></div> | |
| </li> | |
| <li> | |
| <div class="success">Test 2<span class="status">succeeded</span></div> |
AnoRebel
/ fresh_start.sh
Last active
May 25, 2022 16:20
A W.I.P installation script for my default and preferred settings in a Linux OS
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
| #!/usr/bin/env bash | |
| sudo apt install git wget curl jq preload mpd zsh gcc make cmake ninja build-tools libnotify numlockx xbacklit xdo xdo-tools arcdark breeze-cursor-icon nm-applet pasystray feh sxiv redshift-gtk unclutter pxexec evo-open xdg-tools randr arandr zathura trash-cli hub | |
| # install oh-my-zsh | |
| sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" | |
| # install additions | |
| git clone https://github.com/zsh-users/zsh-completions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-completions | |
| git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions |