MarioJuniorPro / code-glory

Decorate your code on GitHub Gist using CSS styles

CODE Glory

You've prettified your code, now make it glorious. Easily add CSS effects to your code. No download needed.

`  _______ _______ ______   _______ _______ __    .            . `
` |   _   |   _   |   _  \ |   _   |   _   |  .-----.----.--.--. `
` |.  1___|.  |   |.  |   \|.  1___|.  |___|  |  _  |   _|  |  | `
` |.  |___|.  |   |.  |    |.  __)_|.  |   |__|_____|__| |___  | `
` |:  1   |:  1   |:  1    |:  1   |:  1   |  .     .    |_____| `
` |::.. . |::.. . |::.. . /|::.. . |::.. . |       .        .    `
` `-------`-------`------' `-------`-------'                     `
`                         .                                .     `

Check the intro video.

Usage

• Post your code for free on GitHub Gist.
• Paste the URL or ID in the Content field.

🅲🅾🅳🅴𝒢𝓁𝑜𝓇𝓎 🅑-nav

𝒯𝒽𝓎 𝒸𝑜𝒹𝑒 𝓂𝒶𝒹𝑒 𝑔𝓁𝑜𝓇𝒾𝑜𝓊𝓈

---

ⓘ The code below designates a list of content sources the user will be able to select from in the app.

content 🅑-datalist

• Cogito ergo sum
• Vim logo
• querySelector.js
• Bash script to parse YAML
• String-reverse.js
• Cubes
• Backdrop Drop
• WordPress loop
• Zork screenshot
• Load JSON into Python object
• QuickBasic Stars
• HTTP Get in Go
• ASCIInator.py
• neovim_startify_header.vim
• Create-Administrator.ps1
• Easing CSS variables
• Latency stats for programmers

---

Appearance 🅑-collapsible

css 🅑-datalist

• Dark Glow

font-effect 🅑-select

• *None
• 3d
• 3d Float
• Anaglyph
• Brick sign
• Canvas Print
• Crackle
• Decaying
• Destruction
• Distressed
• Distressed Wood
• Emboss
• Fire
• Fire Animation
• Fragile
• Grass
• Ice
• Mitosis
• Neon
• Outline
• Putting Green
• Scuffed Steel
• Shadow Multiple
• Splintered
• Static
• Stonewash
• Vintage
• Wallpaper

🅑-theme-variables

Effects 🅑-collapsible

vignette 🅑-slider="1,0,3,0.05"

tiltshift 🅑-select

• None
• *Elegant
• Extreme

svg-filter 🅑-select

• *None

---

brightness 🅑-slider="1,0,3,0.05" contrast 🅑-slider="100%,0,300,1,%" grayscale 🅑-slider="0%,0,100,1,%" hue-rotate 🅑-slider="0deg,0,360,1,deg" invert 🅑-slider="0%,0,100,1,%" saturate 🅑-slider="100%,0,300,1,%" sepia 🅑-slider="0%,0,100,1,%" blur 🅑-slider="0px,0,20,1,px"

Perspective 🅑-collapsible

scale 🅑-slider="0,1,5,0.1" perspective 🅑-slider="800px,0,2000,1,px" originx 🅑-slider="50%,0,100,1,%" originy 🅑-slider="50%,0,100,1,%" rotatex 🅑-slider="20deg,0,360,1,deg" rotatey 🅑-slider="10deg,0,360,1,deg" rotatez 🅑-slider="0deg,0,360,1,deg" translatez 🅑-slider="0px,-500,500,1,px" scalez 🅑-slider="0,1,5,0.1"

Dimensions 🅑-collapsible

width 🅑-slider="60ch,4,400,1,ch" height 🅑-slider="25ch,4,400,1,ch" padding 🅑-slider="1ch,0,100,1,ch" inner-space 🅑-slider="10ch,0,300,1,ch" outer-space 🅑-slider="0ch,0,1000,1,ch" offsetx 🅑-slider="0px,-4000,4000,1,px" offsety 🅑-slider="0px,-4000,4000,1,px"

Presets 🅑-collapsible

Ready-made templates:

• Cogito - Minimalism with soft vignette.
• ArtsASCII Artist - Pseudo 3D styling for @ArtsASCII art.
• Wood Vim Plastered - Vim ASCII art plastered in wood backdrop.
• The Digital Plain - Seemingly endless plain of digital beauty.
• Flourescence - Dark theme with vivid highlights.
• Tron 0.5 - Vibrant, Tron-like tech theme.
• Old West - Codin' done that old fashioned typewrited way.
• Scribbled Code - Scribbled notes on aged graph paper.
• Archaic Tech - That old tablet got lost in the omniverse.
• Basically - Elegant, minimalist theme using mostly default settings.
• Nyanyan - Dark backdrop accented by bright foreground colors.
• The Grid - Top secret coordinates to the heavens.
• NeoVIM Brilliance - Brilliant visuals for brilliant art.

Help 🅑-group

🅑-help="https://github.com/ugotsta/code-glory/#code-glory" 🅑-hide