├── .babelrc ├── .gitignore ├── .travis.yml ├── README.md ├── lerna.json ├── package.json ├── packages ├── gl-transition-bot │ ├── Dockerfile │ ├── bin │ │ ├── generate-review.js │ │ ├── generate-review.sh │ │ ├── gif-it.sh │ │ ├── githubhook.js │ │ └── images │ │ │ ├── 1.jpg │ │ │ ├── 2.jpg │ │ │ ├── 3.jpg │ │ │ └── spiral-2.png │ └── package.json ├── gl-transition-scripts │ ├── .babelrc │ ├── .flowconfig │ ├── README.md │ ├── bin │ │ ├── gl-transition-render.js │ │ └── gl-transition-transform.js │ ├── out.json │ ├── package.json │ └── src │ │ ├── getPixels.js │ │ ├── gl-transition-render.js │ │ ├── gl-transition-transform.js │ │ ├── readFile.js │ │ ├── retrieveFileMeta.js │ │ └── transform.js ├── gl-transition-utils │ ├── .babelrc │ ├── package.json │ └── src │ │ ├── TransitionQueryString.js │ │ ├── __snapshots__ │ │ ├── transformOldGLSLTransition.test.js.snap │ │ └── transformSource.test.js.snap │ │ ├── acceptedLicenses.js │ │ ├── createWebGLCompiler.js │ │ ├── transformOldGLSLTransition.js │ │ ├── transformOldGLSLTransition.test.js │ │ ├── transformSource.js │ │ └── transformSource.test.js ├── gl-transition │ ├── .babelrc │ ├── .flowconfig │ ├── README.md │ ├── package.json │ └── src │ │ └── index.js ├── react-gl-transition │ ├── README.md │ ├── package.json │ └── src │ │ └── GLTransition.js ├── regl-transition-example │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── index.js │ └── package.json ├── regl-transition │ ├── .babelrc │ ├── .flowconfig │ ├── README.md │ ├── package.json │ └── src │ │ └── index.js ├── test │ └── package.json └── website │ ├── .flowconfig │ ├── .gitignore │ ├── README.md │ ├── package.json │ ├── public │ ├── Monoid │ │ ├── Monoid-Bold.ttf │ │ ├── Monoid-Italic.ttf │ │ ├── Monoid-Regular.ttf │ │ ├── Monoid-Retina.ttf │ │ └── font.css │ ├── _redirects │ ├── ace │ │ ├── ace.js │ │ ├── ext-chromevox.js │ │ ├── ext-elastic_tabstops_lite.js │ │ ├── ext-emmet.js │ │ ├── ext-error_marker.js │ │ ├── ext-keybinding_menu.js │ │ ├── ext-language_tools.js │ │ ├── ext-modelist.js │ │ ├── ext-old_ie.js │ │ ├── ext-options.js │ │ ├── ext-searchbox.js │ │ ├── ext-settings_menu.js │ │ ├── ext-spellcheck.js │ │ ├── ext-split.js │ │ ├── ext-static_highlight.js │ │ ├── ext-statusbar.js │ │ ├── ext-textarea.js │ │ ├── ext-themelist.js │ │ ├── ext-whitespace.js │ │ ├── keybinding-emacs.js │ │ ├── keybinding-vim.js │ │ ├── mode-abap.js │ │ ├── mode-actionscript.js │ │ ├── mode-ada.js │ │ ├── mode-apache_conf.js │ │ ├── mode-asciidoc.js │ │ ├── mode-assembly_x86.js │ │ ├── mode-autohotkey.js │ │ ├── mode-batchfile.js │ │ ├── mode-c9search.js │ │ ├── mode-c_cpp.js │ │ ├── mode-clojure.js │ │ ├── mode-cobol.js │ │ ├── mode-coffee.js │ │ ├── mode-coldfusion.js │ │ ├── mode-csharp.js │ │ ├── mode-css.js │ │ ├── mode-curly.js │ │ ├── mode-d.js │ │ ├── mode-dart.js │ │ ├── mode-diff.js │ │ ├── mode-django.js │ │ ├── mode-dot.js │ │ ├── mode-ejs.js │ │ ├── mode-erlang.js │ │ ├── mode-forth.js │ │ ├── mode-ftl.js │ │ ├── mode-glsl.js │ │ ├── mode-golang.js │ │ ├── mode-groovy.js │ │ ├── mode-haml.js │ │ ├── mode-handlebars.js │ │ ├── mode-haskell.js │ │ ├── mode-haxe.js │ │ ├── mode-html.js │ │ ├── mode-html_completions.js │ │ ├── mode-html_ruby.js │ │ ├── mode-ini.js │ │ ├── mode-jack.js │ │ ├── mode-jade.js │ │ ├── mode-java.js │ │ ├── mode-javascript.js │ │ ├── mode-json.js │ │ ├── mode-jsoniq.js │ │ ├── mode-jsp.js │ │ ├── mode-jsx.js │ │ ├── mode-julia.js │ │ ├── mode-latex.js │ │ ├── mode-less.js │ │ ├── mode-liquid.js │ │ ├── mode-lisp.js │ │ ├── mode-livescript.js │ │ ├── mode-logiql.js │ │ ├── mode-lsl.js │ │ ├── mode-lua.js │ │ ├── mode-luapage.js │ │ ├── mode-lucene.js │ │ ├── mode-makefile.js │ │ ├── mode-markdown.js │ │ ├── mode-matlab.js │ │ ├── mode-mel.js │ │ ├── mode-mushcode.js │ │ ├── mode-mushcode_high_rules.js │ │ ├── mode-mysql.js │ │ ├── mode-nix.js │ │ ├── mode-objectivec.js │ │ ├── mode-ocaml.js │ │ ├── mode-pascal.js │ │ ├── mode-perl.js │ │ ├── mode-pgsql.js │ │ ├── mode-php.js │ │ ├── mode-plain_text.js │ │ ├── mode-powershell.js │ │ ├── mode-prolog.js │ │ ├── mode-properties.js │ │ ├── mode-protobuf.js │ │ ├── mode-python.js │ │ ├── mode-r.js │ │ ├── mode-rdoc.js │ │ ├── mode-rhtml.js │ │ ├── mode-ruby.js │ │ ├── mode-rust.js │ │ ├── mode-sass.js │ │ ├── mode-scad.js │ │ ├── mode-scala.js │ │ ├── mode-scheme.js │ │ ├── mode-scss.js │ │ ├── mode-sh.js │ │ ├── mode-sjs.js │ │ ├── mode-snippets.js │ │ ├── mode-soy_template.js │ │ ├── mode-space.js │ │ ├── mode-sql.js │ │ ├── mode-stylus.js │ │ ├── mode-svg.js │ │ ├── mode-tcl.js │ │ ├── mode-tex.js │ │ ├── mode-text.js │ │ ├── mode-textile.js │ │ ├── mode-tmsnippet.js │ │ ├── mode-toml.js │ │ ├── mode-twig.js │ │ ├── mode-typescript.js │ │ ├── mode-vbscript.js │ │ ├── mode-velocity.js │ │ ├── mode-verilog.js │ │ ├── mode-vhdl.js │ │ ├── mode-xml.js │ │ ├── mode-xquery.js │ │ ├── mode-yaml.js │ │ ├── snippets │ │ │ ├── abap.js │ │ │ ├── actionscript.js │ │ │ ├── ada.js │ │ │ ├── apache_conf.js │ │ │ ├── asciidoc.js │ │ │ ├── assembly_x86.js │ │ │ ├── autohotkey.js │ │ │ ├── batchfile.js │ │ │ ├── c9search.js │ │ │ ├── c_cpp.js │ │ │ ├── clojure.js │ │ │ ├── cobol.js │ │ │ ├── coffee.js │ │ │ ├── coldfusion.js │ │ │ ├── csharp.js │ │ │ ├── css.js │ │ │ ├── curly.js │ │ │ ├── d.js │ │ │ ├── dart.js │ │ │ ├── diff.js │ │ │ ├── django.js │ │ │ ├── dot.js │ │ │ ├── ejs.js │ │ │ ├── erlang.js │ │ │ ├── forth.js │ │ │ ├── ftl.js │ │ │ ├── glsl.js │ │ │ ├── golang.js │ │ │ ├── groovy.js │ │ │ ├── haml.js │ │ │ ├── handlebars.js │ │ │ ├── haskell.js │ │ │ ├── haxe.js │ │ │ ├── html.js │ │ │ ├── html_completions.js │ │ │ ├── html_ruby.js │ │ │ ├── ini.js │ │ │ ├── jack.js │ │ │ ├── jade.js │ │ │ ├── java.js │ │ │ ├── javascript.js │ │ │ ├── json.js │ │ │ ├── jsoniq.js │ │ │ ├── jsp.js │ │ │ ├── jsx.js │ │ │ ├── julia.js │ │ │ ├── latex.js │ │ │ ├── less.js │ │ │ ├── liquid.js │ │ │ ├── lisp.js │ │ │ ├── livescript.js │ │ │ ├── logiql.js │ │ │ ├── lsl.js │ │ │ ├── lua.js │ │ │ ├── luapage.js │ │ │ ├── lucene.js │ │ │ ├── makefile.js │ │ │ ├── markdown.js │ │ │ ├── matlab.js │ │ │ ├── mel.js │ │ │ ├── mushcode.js │ │ │ ├── mushcode_high_rules.js │ │ │ ├── mysql.js │ │ │ ├── nix.js │ │ │ ├── objectivec.js │ │ │ ├── ocaml.js │ │ │ ├── pascal.js │ │ │ ├── perl.js │ │ │ ├── pgsql.js │ │ │ ├── php.js │ │ │ ├── plain_text.js │ │ │ ├── powershell.js │ │ │ ├── prolog.js │ │ │ ├── properties.js │ │ │ ├── protobuf.js │ │ │ ├── python.js │ │ │ ├── r.js │ │ │ ├── rdoc.js │ │ │ ├── rhtml.js │ │ │ ├── ruby.js │ │ │ ├── rust.js │ │ │ ├── sass.js │ │ │ ├── scad.js │ │ │ ├── scala.js │ │ │ ├── scheme.js │ │ │ ├── scss.js │ │ │ ├── sh.js │ │ │ ├── sjs.js │ │ │ ├── snippets.js │ │ │ ├── soy_template.js │ │ │ ├── space.js │ │ │ ├── sql.js │ │ │ ├── stylus.js │ │ │ ├── svg.js │ │ │ ├── tcl.js │ │ │ ├── tex.js │ │ │ ├── text.js │ │ │ ├── textile.js │ │ │ ├── toml.js │ │ │ ├── twig.js │ │ │ ├── typescript.js │ │ │ ├── vbscript.js │ │ │ ├── velocity.js │ │ │ ├── verilog.js │ │ │ ├── vhdl.js │ │ │ ├── xml.js │ │ │ ├── xquery.js │ │ │ └── yaml.js │ │ ├── theme-ambiance.js │ │ ├── theme-chaos.js │ │ ├── theme-chrome.js │ │ ├── theme-clouds.js │ │ ├── theme-clouds_midnight.js │ │ ├── theme-cobalt.js │ │ ├── theme-crimson_editor.js │ │ ├── theme-dawn.js │ │ ├── theme-dreamweaver.js │ │ ├── theme-eclipse.js │ │ ├── theme-github.js │ │ ├── theme-idle_fingers.js │ │ ├── theme-katzenmilch.js │ │ ├── theme-kr.js │ │ ├── theme-kuroir.js │ │ ├── theme-merbivore.js │ │ ├── theme-merbivore_soft.js │ │ ├── theme-mono_industrial.js │ │ ├── theme-monokai.js │ │ ├── theme-pastel_on_dark.js │ │ ├── theme-solarized_dark.js │ │ ├── theme-solarized_light.js │ │ ├── theme-terminal.js │ │ ├── theme-textmate.js │ │ ├── theme-tomorrow.js │ │ ├── theme-tomorrow_night.js │ │ ├── theme-tomorrow_night_blue.js │ │ ├── theme-tomorrow_night_bright.js │ │ ├── theme-tomorrow_night_eighties.js │ │ ├── theme-twilight.js │ │ ├── theme-vibrant_ink.js │ │ ├── theme-xcode.js │ │ ├── worker-coffee.js │ │ ├── worker-css.js │ │ ├── worker-javascript.js │ │ ├── worker-json.js │ │ ├── worker-lua.js │ │ ├── worker-php.js │ │ └── worker-xquery.js │ ├── favicon.ico │ ├── highlight.js │ │ ├── agate.css │ │ ├── androidstudio.css │ │ ├── arduino-light.css │ │ ├── arta.css │ │ ├── ascetic.css │ │ ├── atelier-cave-dark.css │ │ ├── atelier-cave-light.css │ │ ├── atelier-dune-dark.css │ │ ├── atelier-dune-light.css │ │ ├── atelier-estuary-dark.css │ │ ├── atelier-estuary-light.css │ │ ├── atelier-forest-dark.css │ │ ├── atelier-forest-light.css │ │ ├── atelier-heath-dark.css │ │ ├── atelier-heath-light.css │ │ ├── atelier-lakeside-dark.css │ │ ├── atelier-lakeside-light.css │ │ ├── atelier-plateau-dark.css │ │ ├── atelier-plateau-light.css │ │ ├── atelier-savanna-dark.css │ │ ├── atelier-savanna-light.css │ │ ├── atelier-seaside-dark.css │ │ ├── atelier-seaside-light.css │ │ ├── atelier-sulphurpool-dark.css │ │ ├── atelier-sulphurpool-light.css │ │ ├── atom-one-dark.css │ │ ├── atom-one-light.css │ │ ├── brown-paper.css │ │ ├── brown-papersq.png │ │ ├── codepen-embed.css │ │ ├── color-brewer.css │ │ ├── darcula.css │ │ ├── dark.css │ │ ├── darkula.css │ │ ├── default.css │ │ ├── docco.css │ │ ├── dracula.css │ │ ├── far.css │ │ ├── foundation.css │ │ ├── github-gist.css │ │ ├── github.css │ │ ├── googlecode.css │ │ ├── grayscale.css │ │ ├── gruvbox-dark.css │ │ ├── gruvbox-light.css │ │ ├── hopscotch.css │ │ ├── hybrid.css │ │ ├── idea.css │ │ ├── ir-black.css │ │ ├── kimbie.dark.css │ │ ├── kimbie.light.css │ │ ├── magula.css │ │ ├── mono-blue.css │ │ ├── monokai-sublime.css │ │ ├── monokai.css │ │ ├── obsidian.css │ │ ├── ocean.css │ │ ├── paraiso-dark.css │ │ ├── paraiso-light.css │ │ ├── pojoaque.css │ │ ├── pojoaque.jpg │ │ ├── purebasic.css │ │ ├── qtcreator_dark.css │ │ ├── qtcreator_light.css │ │ ├── railscasts.css │ │ ├── rainbow.css │ │ ├── school-book.css │ │ ├── school-book.png │ │ ├── solarized-dark.css │ │ ├── solarized-light.css │ │ ├── sunburst.css │ │ ├── tomorrow-night-blue.css │ │ ├── tomorrow-night-bright.css │ │ ├── tomorrow-night-eighties.css │ │ ├── tomorrow-night.css │ │ ├── tomorrow.css │ │ ├── vs.css │ │ ├── xcode.css │ │ ├── xt256.css │ │ └── zenburn.css │ └── index.html │ └── src │ ├── AnimatedVignette.js │ ├── App.css │ ├── App.js │ ├── CompilationStats.css │ ├── CompilationStats.js │ ├── Edit.js │ ├── EditNew.css │ ├── EditNew.js │ ├── Editor.css │ ├── Editor.js │ ├── EditorStatusBar.css │ ├── EditorStatusBar.js │ ├── FAQ.js │ ├── Gallery.css │ ├── Gallery.js │ ├── GlslCode.js │ ├── GlslContextualHelp.css │ ├── GlslContextualHelp.js │ ├── GlslEditor.css │ ├── GlslEditor.js │ ├── Intro.css │ ├── Intro.js │ ├── NotFound.js │ ├── NumberInput.js │ ├── Preview.css │ ├── Preview.js │ ├── PrimaryBtn.css │ ├── PrimaryBtn.js │ ├── ScrollToTop.js │ ├── SuggestTransform.css │ ├── SuggestTransform.js │ ├── TexturePicker.css │ ├── TexturePicker.js │ ├── TransitionAuthorAndName.css │ ├── TransitionAuthorAndName.js │ ├── UniformComponentInput.js │ ├── UniformEditor.js │ ├── UniformsEditor.js │ ├── Vignette.css │ ├── Vignette.js │ ├── conf.js │ ├── data.js │ ├── dateAgo.js │ ├── github.gif │ ├── images │ ├── 1024x768 │ │ ├── a1mV1egnQwOqxZZZvhVo_street.jpg │ │ ├── barley.jpg │ │ ├── bigbuckbunny_snapshot1.jpg │ │ ├── hBd6EPoQT2C8VQYv65ys_White_Sands.jpg │ │ ├── ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg │ │ ├── ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg │ │ ├── lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg │ │ ├── pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg │ │ └── wdXqHcTwSTmLuKOGz92L_Landscape.jpg │ ├── 512x400 │ │ ├── a1mV1egnQwOqxZZZvhVo_street.jpg │ │ ├── barley.jpg │ │ ├── bigbuckbunny_snapshot1.jpg │ │ ├── hBd6EPoQT2C8VQYv65ys_White_Sands.jpg │ │ ├── ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg │ │ ├── ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg │ │ ├── lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg │ │ ├── pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg │ │ └── wdXqHcTwSTmLuKOGz92L_Landscape.jpg │ ├── 600x400 │ │ ├── a1mV1egnQwOqxZZZvhVo_street.jpg │ │ ├── barley.jpg │ │ ├── bigbuckbunny_snapshot1.jpg │ │ ├── hBd6EPoQT2C8VQYv65ys_White_Sands.jpg │ │ ├── ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg │ │ ├── ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg │ │ ├── lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg │ │ ├── pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg │ │ └── wdXqHcTwSTmLuKOGz92L_Landscape.jpg │ ├── generate.sh │ └── raw │ │ ├── a1mV1egnQwOqxZZZvhVo_street.jpg │ │ ├── barley.jpg │ │ ├── bigbuckbunny_snapshot1.jpg │ │ ├── hBd6EPoQT2C8VQYv65ys_White_Sands.jpg │ │ ├── ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg │ │ ├── ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg │ │ ├── lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg │ │ ├── pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg │ │ └── wdXqHcTwSTmLuKOGz92L_Landscape.jpg │ ├── index.css │ ├── index.js │ ├── logo.svg │ ├── textures │ └── luma │ │ ├── bilinear-lateral.png │ │ ├── conical-asym.png │ │ ├── conical-sym.png │ │ ├── index.js │ │ ├── linear-sawtooth-lateral-4.png │ │ ├── radial-tri-lateral-4.png │ │ ├── spiral-1.png │ │ ├── spiral-2.png │ │ ├── spiral-3.png │ │ └── square.png │ ├── transform.js │ └── videos │ ├── sintel.sh │ └── sintel │ ├── cut1.mp4 │ ├── cut1.webm │ ├── cut2.mp4 │ ├── cut2.webm │ ├── cut3.mp4 │ └── cut3.webm └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ "es2015", "stage-1", "react" ] 3 | } 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | packages/*/lib/ 3 | test_results.json 4 | lerna-debug.log 5 | npm-debug.log 6 | .DS_Store 7 | .env 8 | npm-debug.log* 9 | yarn-debug.log* 10 | yarn-error.log* 11 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - "7" 4 | script: yarn test 5 | os: linux 6 | dist: trusty 7 | addons: 8 | apt: 9 | packages: 10 | - mesa-utils 11 | - xvfb 12 | - libgl1-mesa-dri 13 | - libglapi-mesa 14 | - libosmesa6 15 | before_script: 16 | - export DISPLAY=:99.0; sh -e /etc/init.d/xvfb start 17 | before_deploy: 18 | - yarn run build-website 19 | deploy: 20 | provider: surge 21 | project: ./packages/website/build/ 22 | domain: gl-transitions.surge.sh 23 | skip_cleanup: true 24 | on: 25 | branch: master 26 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "lerna": "3.20.2", 3 | "packages": [ 4 | "packages/*" 5 | ], 6 | "version": "1.19.2", 7 | "npmClient": "yarn", 8 | "useWorkspaces": true 9 | } 10 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "postinstall": "lerna bootstrap && lerna run compile", 5 | "start": "cd packages/website && yarn start", 6 | "watch": "lerna run watch --stream --no-sort", 7 | "build-website": "cd packages/website && yarn build", 8 | "test": "lerna run test" 9 | }, 10 | "devDependencies": { 11 | "lerna": "^3.20.2" 12 | }, 13 | "name": "gl-transition-libs", 14 | "version": "0.0.0", 15 | "workspaces": [ 16 | "packages/*" 17 | ] 18 | } 19 | -------------------------------------------------------------------------------- /packages/gl-transition-bot/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM node:8 2 | LABEL maintainer "gre" 3 | 4 | RUN sed -i "s/jessie main/jessie main contrib non-free/" /etc/apt/sources.list 5 | RUN echo "deb http://http.debian.net/debian jessie-backports main contrib non-free" >> /etc/apt/sources.list 6 | 7 | RUN apt-get update -y \ 8 | && apt-get -y install xvfb mesa-utils libgl1-mesa-dri libglapi-mesa libosmesa6 ffmpeg \ 9 | && rm -rf /var/lib/apt/lists/* /var/cache/apt/* 10 | 11 | ADD . /opt/bot/ 12 | WORKDIR /opt/bot/ 13 | RUN npm install 14 | CMD ["npm", "start"] 15 | -------------------------------------------------------------------------------- /packages/gl-transition-bot/bin/generate-review.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | #env vars: GITHUB_TOKEN IMGUR_KEY PULL_REQUEST 4 | 5 | SCRPTDIR=`dirname $0` 6 | set -e 7 | cd `mktemp -d` 8 | git clone https://github.com/gl-transitions/gl-transitions.git 9 | cd gl-transitions 10 | git fetch origin pull/$PULL_REQUEST/head:pr 11 | git checkout pr 12 | # Xvfb :99 & export DISPLAY=:99 13 | xvfb-run -s "-ac -screen 0 1280x1024x24" node $SCRPTDIR/generate-review.js 14 | -------------------------------------------------------------------------------- /packages/gl-transition-bot/bin/gif-it.sh: -------------------------------------------------------------------------------- 1 | set -e 2 | 3 | tname=$1 4 | imgurkey=$IMGUR_KEY 5 | 6 | tmpimgs="/tmp/gl-transition-imgs" 7 | palette="/tmp/gl-transition-palette.png" 8 | gif="/tmp/gl-transition.gif" 9 | IMGSDIR=`dirname $0`/images 10 | 11 | rm -rf $tmpimgs $palette $gif >&2 12 | 13 | gl-transition-render \ 14 | -t $tname \ 15 | -o $tmpimgs \ 16 | -i $IMGSDIR/1.jpg \ 17 | -i $IMGSDIR/2.jpg \ 18 | -i $IMGSDIR/3.jpg \ 19 | -i $IMGSDIR/1.jpg \ 20 | -g $IMGSDIR/spiral-2.png \ 21 | -f 50 \ 22 | -d 12 \ 23 | -w 512 \ 24 | -h 400 >&2 25 | 26 | filters="scale=256:-1:flags=lanczos" 27 | ffmpeg -v fatal -framerate 30 -i $tmpimgs/%d.png -vf "$filters,palettegen" -y $palette >&2 28 | ffmpeg -v fatal -framerate 30 -i $tmpimgs/%d.png -i $palette -lavfi "$filters [x]; [x][1:v] paletteuse" -y $gif >&2 29 | 30 | filesize=$(wc -c < "$gif") 31 | if [ $filesize -ge 5242880 ]; then 32 | # gif was too big. generating a smaller one... 33 | filters="scale=128:-1:flags=lanczos" 34 | ffmpeg -v fatal -framerate 30 -i $tmpimgs/%d.png -vf "$filters,palettegen" -y $palette >&2 35 | ffmpeg -v fatal -framerate 30 -i $tmpimgs/%d.png -i $palette -lavfi "$filters [x]; [x][1:v] paletteuse" -y $gif >&2 36 | fi 37 | 38 | curl -sS -H "Authorization: Client-ID $imgurkey" -H 'Expect: ' -F "image=@$gif" https://api.imgur.com/3/image | 39 | json data.link 40 | -------------------------------------------------------------------------------- /packages/gl-transition-bot/bin/githubhook.js: -------------------------------------------------------------------------------- 1 | var githubhook = require("githubhook"); 2 | var path = require("path"); 3 | const child_process = require("child_process"); 4 | 5 | var github = githubhook({ 6 | secret: process.env.GITHUB_HOOK_SECRET, 7 | port: process.env.PORT 8 | }); 9 | 10 | github.listen(); 11 | 12 | const watchedActions = { 13 | opened: true, 14 | synchronize: true 15 | }; 16 | 17 | github.on("pull_request:gl-transitions", (ref, data) => { 18 | if (!watchedActions[data.action]) return; 19 | if (data.pull_request.state !== "open") return; 20 | child_process.execFile( 21 | path.join(__dirname, "generate-review.sh"), 22 | { 23 | env: Object.assign({}, process.env, { 24 | PULL_REQUEST: data.number 25 | }) 26 | }, 27 | (error, stdout, stderr) => { 28 | if (error) console.error(error, stdout); 29 | else console.log(stdout); 30 | } 31 | ); 32 | }); 33 | -------------------------------------------------------------------------------- /packages/gl-transition-bot/bin/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/gl-transition-bot/bin/images/1.jpg -------------------------------------------------------------------------------- /packages/gl-transition-bot/bin/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/gl-transition-bot/bin/images/2.jpg -------------------------------------------------------------------------------- /packages/gl-transition-bot/bin/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/gl-transition-bot/bin/images/3.jpg -------------------------------------------------------------------------------- /packages/gl-transition-bot/bin/images/spiral-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/gl-transition-bot/bin/images/spiral-2.png -------------------------------------------------------------------------------- /packages/gl-transition-bot/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gl-transition-bot", 3 | "version": "1.18.0", 4 | "main": "lib/index.js", 5 | "license": "MIT", 6 | "bin": { 7 | "gl-transition-bot-review-pr": "bin/generate-review.js" 8 | }, 9 | "scripts": { 10 | "start": "node bin/githubhook.js" 11 | }, 12 | "files": [ 13 | "bin" 14 | ], 15 | "dependencies": { 16 | "githubhook": "^1.7.1", 17 | "gl-transition-scripts": "^1.18.0", 18 | "json": "^9.0.6", 19 | "request": "^2.81.0" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ "es2015", "stage-1", "flow" ] 3 | } 4 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | [include] 4 | 5 | [libs] 6 | 7 | [options] 8 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/README.md: -------------------------------------------------------------------------------- 1 | # gl-transition-scripts 2 | 3 | Utilities to render/validate [GL Transitions](https://gl-transitions.com) on the CLI. 4 | 5 | ``` 6 | npm i -g gl-transition-scripts 7 | ``` 8 | 9 | ## `gl-transition-render` 10 | 11 | Render one or many GL Transitions with one or many images. 12 | 13 | ``` 14 | Usage: gl-transition-render [options] 15 | 16 | Options: 17 | 18 | -h, --help output usage information 19 | -V, --version output the version number 20 | -t, --transition add a transition to use (can be used multiple times) 21 | -i, --images add an image to use for the transition (use multiple times) 22 | -w, --width width in pixels 23 | -h, --height height in pixels 24 | -f, --frames [nb] number of frames to render for each transition 25 | -d, --delay [nb] number of frames to pause after each transition 26 | -p, --progress [p] only render one frame 27 | -g, --generic-texture [image.png] provide a generic sampler2D image to use as default uniform sampler2D 28 | -o, --out a folder to create with the images OR the path of the image to save (if using progress). use '-' for stdout 29 | ``` 30 | 31 | 32 | ## `gl-transition-transform` 33 | 34 | Parse and transform a `*.glsl` transition shader file into a JSON. 35 | 36 | ``` 37 | Usage: gl-transition-transform [options] 38 | 39 | Options: 40 | 41 | -h, --help output usage information 42 | -V, --version output the version number 43 | -d, --glsl-dir a folder containing *.glsl files 44 | -o, --json-out a JSON file to save with all transitions 45 | ``` 46 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/bin/gl-transition-render.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | require("../lib/gl-transition-render"); 3 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/bin/gl-transition-transform.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | require("../lib/gl-transition-transform"); 3 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/out.json: -------------------------------------------------------------------------------- 1 | [{"name":"fade","author":"gre","license":"MIT","paramsTypes":{},"defaultParams":{},"glsl":"// author: gre\n// license: MIT\n\nvec4 transition (vec2 uv) {\n return mix(\n getFromColor(uv),\n getToColor(uv),\n progress\n );\n}\n"}] -------------------------------------------------------------------------------- /packages/gl-transition-scripts/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gl-transition-scripts", 3 | "version": "1.18.0", 4 | "description": "Utilities to render a GL Transition on the CLI", 5 | "bin": { 6 | "gl-transition-transform": "bin/gl-transition-transform.js", 7 | "gl-transition-render": "bin/gl-transition-render.js" 8 | }, 9 | "license": "MIT", 10 | "scripts": { 11 | "compile": "babel -d lib/ src/", 12 | "watch": "babel -w -d lib/ src/", 13 | "prepublish": "npm run compile" 14 | }, 15 | "files": [ 16 | "bin", 17 | "lib", 18 | "src" 19 | ], 20 | "dependencies": { 21 | "commander": "^4.1.1", 22 | "get-pixels": "^3.3.0", 23 | "gl": "^4.0.3", 24 | "gl-texture2d": "^2.1.0", 25 | "gl-transition": "^1.13.0", 26 | "gl-transition-utils": "^1.18.0", 27 | "ndarray": "^1.0.18", 28 | "save-pixels": "^2.3.4" 29 | }, 30 | "devDependencies": { 31 | "babel-cli": "^6.24.1", 32 | "babel-preset-es2015": "^6.24.1", 33 | "babel-preset-flow": "^6.23.0", 34 | "babel-preset-stage-1": "^6.24.1" 35 | }, 36 | "repository": { 37 | "type": "git", 38 | "url": "git+https://github.com/gre/gl-transition-libs.git" 39 | }, 40 | "bugs": { 41 | "url": "https://github.com/gre/gl-transition-libs/issues" 42 | }, 43 | "homepage": "https://github.com/gre/gl-transition-libs#readme" 44 | } 45 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/src/getPixels.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import getPixelsF from "get-pixels"; 3 | export default (path: string) => 4 | new Promise((success, failure) => { 5 | getPixelsF(path, (err, pixels) => { 6 | if (err) failure(err); 7 | else success(pixels); 8 | }); 9 | }); 10 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/src/readFile.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import fs from "fs"; 3 | export default (path: string, opts: string = "utf-8") => 4 | new Promise((success, failure) => { 5 | fs.readFile(path, opts, (err, res) => { 6 | if (err) failure(err); 7 | else success(res); 8 | }); 9 | }); 10 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/src/retrieveFileMeta.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import { execSync } from "child_process"; 3 | 4 | export type Result = { 5 | data: { 6 | createdAt?: string, 7 | updatedAt?: string, 8 | }, 9 | errors: Array<{ 10 | type: "error" | "warn", 11 | code: string, 12 | message: string, 13 | }>, 14 | }; 15 | 16 | export default (path: string): Result => { 17 | const data = {}; 18 | const errors = []; 19 | try { 20 | data.createdAt = execSync(`git log --format=%aD ${path} | tail -1`) 21 | .toString() 22 | .trim(); 23 | data.updatedAt = execSync(`git log -1 --format=%aD ${path} | tail -1`) 24 | .toString() 25 | .trim(); 26 | } catch (e) { 27 | errors.push({ 28 | type: "error", 29 | code: "FileMeta_Error", 30 | message: e.message, 31 | }); 32 | } 33 | return { 34 | data, 35 | errors, 36 | }; 37 | }; 38 | -------------------------------------------------------------------------------- /packages/gl-transition-scripts/src/transform.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import createGL from "gl"; 3 | import transformSource from "gl-transition-utils/lib/transformSource"; 4 | import createWebGLCompiler from "gl-transition-utils/lib/createWebGLCompiler"; 5 | import retrieveFileMeta from "./retrieveFileMeta"; 6 | 7 | // the size need to be > 256 just so we can be accurate enough on colors 8 | const gl = createGL(512, 256, { preserveDrawingBuffer: true }); 9 | if (!gl) throw new Error("GL validation context could not be created"); 10 | const webGLCompiler = createWebGLCompiler(gl); 11 | export default (filename: string, glsl: string, path: string) => { 12 | const transition = transformSource(filename, glsl); 13 | const compilation = webGLCompiler(transition.data); 14 | const gitFileMeta = retrieveFileMeta(path); 15 | return { 16 | data: { 17 | transition: transition.data, 18 | compilation: compilation.data, 19 | gitFileMeta: gitFileMeta.data, 20 | }, 21 | errors: compilation.errors 22 | .concat(transition.errors) 23 | .concat(gitFileMeta.errors), 24 | }; 25 | }; 26 | -------------------------------------------------------------------------------- /packages/gl-transition-utils/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ "es2015", "stage-1", "flow" ] 3 | } 4 | -------------------------------------------------------------------------------- /packages/gl-transition-utils/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gl-transition-utils", 3 | "version": "1.18.0", 4 | "main": "lib/index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "compile": "babel -d lib/ src/ && flow-copy-source src/ lib/", 8 | "watch": "babel -w -d lib/ src/", 9 | "prepublish": "npm run compile", 10 | "test": "jest src" 11 | }, 12 | "files": [ 13 | "lib", 14 | "src" 15 | ], 16 | "dependencies": { 17 | "gl-shader": "^4.2.1", 18 | "gl-texture2d": "^2.1.0", 19 | "glsl-parser": "^2.0.0", 20 | "glsl-token-string": "^1.0.1", 21 | "glsl-tokenizer": "^2.1.2", 22 | "ndarray": "^1.0.18", 23 | "performance-now": "^2.1.0" 24 | }, 25 | "devDependencies": { 26 | "babel-cli": "^6.24.1", 27 | "babel-preset-es2015": "^6.24.1", 28 | "babel-preset-flow": "^6.23.0", 29 | "babel-preset-stage-1": "^6.24.1", 30 | "flow-copy-source": "^2.0.9", 31 | "jest": "24.9.0" 32 | }, 33 | "repository": { 34 | "type": "git", 35 | "url": "git+https://github.com/gre/gl-transition-libs.git" 36 | }, 37 | "bugs": { 38 | "url": "https://github.com/gre/gl-transition-libs/issues" 39 | }, 40 | "homepage": "https://github.com/gre/gl-transition-libs#readme" 41 | } 42 | -------------------------------------------------------------------------------- /packages/gl-transition-utils/src/TransitionQueryString.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import type { UniformDefaultValue } from "./transformSource"; 3 | type Params = { [_: string]: UniformDefaultValue }; 4 | 5 | function parseValue(s: string): * { 6 | if (!isNaN(s)) return parseFloat(s, 10); 7 | else if (s === "true") return true; 8 | else if (s === "false") return false; 9 | else return s; // it's probably just a URL! for sampler2D 10 | } 11 | function parse(str: string): Params { 12 | const query = {}; 13 | str.split("&").forEach(kv => { 14 | if (!kv) return; 15 | let [key, val] = kv.split("="); 16 | if (!key || !val) return; 17 | val = decodeURIComponent(val); 18 | const splitByComma = val.split(","); 19 | query[key] = splitByComma.length > 1 20 | ? splitByComma.map(parseValue) 21 | : parseValue(val); 22 | }); 23 | return query; 24 | } 25 | function stringifyValue(v: *): string { 26 | return String(v); 27 | } 28 | function stringify(params: Params): string { 29 | return Object.keys(params) 30 | .map(key => key + "=" + stringifyValue(params[key])) 31 | .join("&"); 32 | } 33 | 34 | export default { 35 | parseValue, 36 | parse, 37 | stringifyValue, 38 | stringify, 39 | }; 40 | -------------------------------------------------------------------------------- /packages/gl-transition-utils/src/__snapshots__/transformOldGLSLTransition.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`transform luma example 1`] = ` 4 | Object { 5 | "data": Object { 6 | "glsl": "// Author: 7 | // License: MIT 8 | // Yo 9 | uniform sampler2D luma; 10 | 11 | vec4 transition(vec2 uv) { 12 | vec2 p = uv.xy / vec2(1.0).xy; 13 | return mix( 14 | getFromColor(p), 15 | getToColor(p), 16 | step(texture2D(luma, p).r, progress) 17 | ); 18 | }", 19 | }, 20 | "errors": Array [], 21 | } 22 | `; 23 | 24 | exports[`transform simple example 1`] = ` 25 | Object { 26 | "data": Object { 27 | "glsl": "// Author: 28 | // License: MIT 29 | vec4 transition(vec2 uv) { 30 | vec2 p = uv.xy / vec2(1.0).xy; 31 | return mix(getFromColor(p), getToColor(p), progress); 32 | }", 33 | }, 34 | "errors": Array [], 35 | } 36 | `; 37 | -------------------------------------------------------------------------------- /packages/gl-transition-utils/src/acceptedLicenses.js: -------------------------------------------------------------------------------- 1 | export default { 2 | MIT: "https://opensource.org/licenses/MIT", 3 | "EPL-1.0": "https://opensource.org/licenses/EPL-1.0", 4 | "CDDL-1.0": "https://opensource.org/licenses/CDDL-1.0", 5 | "MPL-2.0": "https://opensource.org/licenses/MPL-2.0", 6 | LGPL: "https://opensource.org/licenses/lgpl-license", 7 | GPLv2: "https://opensource.org/licenses/GPL-2.0", 8 | GPLv3: "https://opensource.org/licenses/GPL-3.0", 9 | "Apache-2.0": "https://opensource.org/licenses/Apache-2.0", 10 | "BSD 2 Clause": "https://opensource.org/licenses/BSD-2-Clause", 11 | "BSD 3 Clause": "https://opensource.org/licenses/BSD-3-Clause" 12 | }; 13 | -------------------------------------------------------------------------------- /packages/gl-transition-utils/src/transformOldGLSLTransition.test.js: -------------------------------------------------------------------------------- 1 | import transformOldGLSLTransition from "./transformOldGLSLTransition"; 2 | 3 | test("transform simple example", () => { 4 | expect( 5 | transformOldGLSLTransition(`#ifdef GL_ES 6 | precision highp float; 7 | #endif 8 | uniform sampler2D from, to; 9 | uniform float progress; 10 | uniform vec2 resolution; 11 | 12 | void main() { 13 | vec2 p = gl_FragCoord.xy / resolution.xy; 14 | gl_FragColor = mix(texture2D(from, p), texture2D(to, p), progress); 15 | }`) 16 | ).toMatchSnapshot(); 17 | }); 18 | 19 | test("transform luma example", () => { 20 | expect( 21 | transformOldGLSLTransition(`// Yo 22 | #ifdef GL_ES 23 | precision highp float; 24 | #endif 25 | uniform sampler2D from, to; 26 | uniform float progress; 27 | uniform vec2 resolution; 28 | 29 | uniform sampler2D luma; 30 | 31 | void main() { 32 | vec2 p = gl_FragCoord.xy / resolution.xy; 33 | gl_FragColor = mix( 34 | texture2D(from, p), 35 | texture2D(to, p), 36 | step(texture2D(luma, p).r, progress) 37 | ); 38 | }`) 39 | ).toMatchSnapshot(); 40 | }); 41 | -------------------------------------------------------------------------------- /packages/gl-transition/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ "es2015", "stage-1", "flow" ] 3 | } 4 | -------------------------------------------------------------------------------- /packages/gl-transition/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | [include] 4 | 5 | [libs] 6 | 7 | [options] 8 | -------------------------------------------------------------------------------- /packages/gl-transition/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gl-transition", 3 | "version": "1.13.0", 4 | "description": "a light function to render a GL Transition frame with a WebGLRenderingContext", 5 | "main": "lib/index.js", 6 | "license": "MIT", 7 | "scripts": { 8 | "compile": "babel -d lib/ src/", 9 | "watch": "babel -w -d lib/ src/", 10 | "prepublish": "npm run compile" 11 | }, 12 | "files": [ 13 | "lib", 14 | "src" 15 | ], 16 | "dependencies": { 17 | "gl-shader": "^4.2.1" 18 | }, 19 | "devDependencies": { 20 | "babel-cli": "^6.24.1", 21 | "babel-preset-es2015": "^6.24.1", 22 | "babel-preset-flow": "^6.23.0", 23 | "babel-preset-stage-1": "^6.24.1" 24 | }, 25 | "repository": { 26 | "type": "git", 27 | "url": "git+https://github.com/gre/gl-transition-libs.git" 28 | }, 29 | "bugs": { 30 | "url": "https://github.com/gre/gl-transition-libs/issues" 31 | }, 32 | "homepage": "https://github.com/gre/gl-transition-libs#readme" 33 | } 34 | -------------------------------------------------------------------------------- /packages/react-gl-transition/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-gl-transition", 3 | "description": "React component to render a GL Transition in gl-react", 4 | "keywords": [ 5 | "gl-react", 6 | "webgl", 7 | "react", 8 | "react-component" 9 | ], 10 | "version": "1.19.2", 11 | "main": "lib/GLTransition.js", 12 | "license": "MIT", 13 | "scripts": { 14 | "compile": "babel -d lib/ src/", 15 | "watch": "babel -w -d lib/ src/", 16 | "prepublish": "npm run compile" 17 | }, 18 | "devDependencies": { 19 | "babel-cli": "^6.24.1", 20 | "babel-preset-es2015": "^6.24.1", 21 | "babel-preset-react": "^6.24.1", 22 | "babel-preset-stage-1": "^6.24.1" 23 | }, 24 | "peerDependencies": { 25 | "gl-react": "^3.5.0", 26 | "react": "^15.5.4" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /packages/regl-transition-example/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/regl-transition-example/1.jpg -------------------------------------------------------------------------------- /packages/regl-transition-example/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/regl-transition-example/2.jpg -------------------------------------------------------------------------------- /packages/regl-transition-example/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/regl-transition-example/3.jpg -------------------------------------------------------------------------------- /packages/regl-transition-example/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/regl-transition-example/4.jpg -------------------------------------------------------------------------------- /packages/regl-transition-example/index.js: -------------------------------------------------------------------------------- 1 | const GLTransitions = require("gl-transitions"); 2 | const createREGL = require("regl"); 3 | const createREGLTransition = require("regl-transition"); 4 | 5 | const delay = 1; 6 | const duration = 1.5; 7 | const imgSrcs = ["1.jpg", "2.jpg", "3.jpg", "4.jpg"]; 8 | 9 | const loadImage = src => 10 | new Promise((resolve, reject) => { 11 | const img = new Image(); 12 | img.onload = () => resolve(img); 13 | img.onerror = reject; 14 | img.onabort = reject; 15 | img.src = src; 16 | }); 17 | 18 | const regl = createREGL(); 19 | const transitions = GLTransitions.map(t => createREGLTransition(regl, t)); 20 | 21 | Promise.all(imgSrcs.map(loadImage)).then(imgs => { 22 | const slides = imgs.map(img => regl.texture(img)); 23 | regl.frame(({ time }) => { 24 | const index = Math.floor(time / (delay + duration)); 25 | const from = slides[index % slides.length]; 26 | const to = slides[(index + 1) % slides.length]; 27 | const transition = transitions[index % transitions.length]; 28 | const total = delay + duration; 29 | const progress = Math.max(0, (time - index * total - delay) / duration); 30 | transition({ progress, from, to }); 31 | }); 32 | }); 33 | -------------------------------------------------------------------------------- /packages/regl-transition-example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "name": "regl-transition-example", 4 | "version": "1.13.4", 5 | "main": "index.js", 6 | "scripts": { 7 | "start": "budo index.js" 8 | }, 9 | "license": "ISC", 10 | "dependencies": { 11 | "gl-transitions": "1", 12 | "regl": "^1.3.0", 13 | "regl-transition": "^1.13.4" 14 | }, 15 | "devDependencies": { 16 | "budo": "^11.6.3" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/regl-transition/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ "es2015", "stage-1", "flow" ] 3 | } 4 | -------------------------------------------------------------------------------- /packages/regl-transition/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | [include] 4 | 5 | [libs] 6 | 7 | [options] 8 | -------------------------------------------------------------------------------- /packages/regl-transition/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "regl-transition", 3 | "version": "1.13.4", 4 | "description": "a function to render a GL Transition with a regl context", 5 | "main": "lib/index.js", 6 | "license": "MIT", 7 | "scripts": { 8 | "compile": "babel -d lib/ src/", 9 | "watch": "babel -w -d lib/ src/", 10 | "prepublish": "npm run compile" 11 | }, 12 | "files": [ 13 | "lib", 14 | "src" 15 | ], 16 | "dependencies": { 17 | "regl": "^1.3.0" 18 | }, 19 | "devDependencies": { 20 | "babel-cli": "^6.24.1", 21 | "babel-preset-es2015": "^6.24.1", 22 | "babel-preset-flow": "^6.23.0", 23 | "babel-preset-stage-1": "^6.24.1" 24 | }, 25 | "repository": { 26 | "type": "git", 27 | "url": "git+https://github.com/gre/gl-transition-libs.git" 28 | }, 29 | "bugs": { 30 | "url": "https://github.com/gre/gl-transition-libs/issues" 31 | }, 32 | "homepage": "https://github.com/gre/gl-transition-libs#readme" 33 | } 34 | -------------------------------------------------------------------------------- /packages/test/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gl-transition-test", 3 | "private": true, 4 | "scripts": { 5 | "test": "rm -f test_results.json && gl-transition-transform -d node_modules/gl-transitions/transitions -o test_results.json && test -s test_results.json" 6 | }, 7 | "dependencies": { 8 | "gl-transition-scripts": "^1.18.0", 9 | "gl-transitions": "*" 10 | }, 11 | "version": "1.18.0" 12 | } 13 | -------------------------------------------------------------------------------- /packages/website/.flowconfig: -------------------------------------------------------------------------------- 1 | [ignore] 2 | 3 | [include] 4 | 5 | [libs] 6 | 7 | [options] 8 | -------------------------------------------------------------------------------- /packages/website/.gitignore: -------------------------------------------------------------------------------- 1 | /coverage 2 | /build 3 | -------------------------------------------------------------------------------- /packages/website/README.md: -------------------------------------------------------------------------------- 1 | # [gl-transitions.com](https://gl-transitions.com) source code 2 | 3 | ## Commands 4 | 5 | **IMPORTANT: to run at top level of this repository**. 6 | 7 | ### Run it locally 8 | 9 | ``` 10 | yarn 11 | yarn start 12 | ``` 13 | 14 | ### when developing 15 | 16 | ``` 17 | yarn run watch 18 | ``` 19 | -------------------------------------------------------------------------------- /packages/website/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "bezier-easing": "^2.1.0", 4 | "bezier-easing-editor": "^0.8.0", 5 | "flow-bin": "^0.121.0", 6 | "gl-react": "^4.0.1", 7 | "gl-react-dom": "^4.0.1", 8 | "gl-shader": "^4.2.1", 9 | "gl-transition-utils": "^1.18.0", 10 | "glsl-parser": "^2.0.1", 11 | "glsl-tokenizer": "^2.1.5", 12 | "glsldoc": "^0.0.4", 13 | "highlight.js": "^9.18.1", 14 | "performance-now": "^2.1.0", 15 | "react": "^16.13.1", 16 | "react-dom": "^16.13.1", 17 | "react-gl-transition": "^1.19.2", 18 | "react-icons": "^3.9.0", 19 | "react-router": "^5.1.2", 20 | "react-router-dom": "^5.1.2", 21 | "react-waypoint": "^9.0.2" 22 | }, 23 | "devDependencies": { 24 | "react-scripts": "3.4.1" 25 | }, 26 | "scripts": { 27 | "regen": "./src/images/generate.sh", 28 | "start": "react-scripts start", 29 | "build": "react-scripts build && cp build/index.html build/200.html && cp build/index.html build/404.html", 30 | "eject": "react-scripts eject" 31 | }, 32 | "version": "1.19.2", 33 | "name": "website", 34 | "private": true, 35 | "browserslist": { 36 | "production": [ 37 | ">0.2%", 38 | "not dead", 39 | "not op_mini all" 40 | ], 41 | "development": [ 42 | "last 1 chrome version", 43 | "last 1 firefox version", 44 | "last 1 safari version" 45 | ] 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /packages/website/public/Monoid/Monoid-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/Monoid/Monoid-Bold.ttf -------------------------------------------------------------------------------- /packages/website/public/Monoid/Monoid-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/Monoid/Monoid-Italic.ttf -------------------------------------------------------------------------------- /packages/website/public/Monoid/Monoid-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/Monoid/Monoid-Regular.ttf -------------------------------------------------------------------------------- /packages/website/public/Monoid/Monoid-Retina.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/Monoid/Monoid-Retina.ttf -------------------------------------------------------------------------------- /packages/website/public/Monoid/font.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Monoid Regular"; 3 | src: url("./Monoid-Regular.ttf") format("truetype"); 4 | font-weight: normal; 5 | font-style: normal; 6 | } 7 | @font-face { 8 | font-family: "Monoid Bold"; 9 | src: url("Monoid-Bold.ttf") format("truetype"); 10 | font-weight: bold; 11 | font-style: normal; 12 | } 13 | @font-face { 14 | font-family: "Monoid Italic"; 15 | src: url("Monoid-Italic.ttf") format("truetype"); 16 | font-weight: normal; 17 | font-style: italic; 18 | } 19 | -------------------------------------------------------------------------------- /packages/website/public/_redirects: -------------------------------------------------------------------------------- 1 | /* /index.html 200 2 | -------------------------------------------------------------------------------- /packages/website/public/ace/ext-error_marker.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/ace/ext-error_marker.js -------------------------------------------------------------------------------- /packages/website/public/ace/ext-statusbar.js: -------------------------------------------------------------------------------- 1 | define('ace/ext/statusbar', ['require', 'exports', 'module' , 'ace/lib/dom', 'ace/lib/lang'], function(require, exports, module) { 2 | var dom = require("ace/lib/dom"); 3 | var lang = require("ace/lib/lang"); 4 | 5 | var StatusBar = function(editor, parentNode) { 6 | this.element = dom.createElement("div"); 7 | this.element.className = "ace_status-indicator"; 8 | this.element.style.cssText = "display: inline-block;"; 9 | parentNode.appendChild(this.element); 10 | 11 | var statusUpdate = lang.delayedCall(function(){ 12 | this.updateStatus(editor) 13 | }.bind(this)); 14 | editor.on("changeStatus", function() { 15 | statusUpdate.schedule(100); 16 | }); 17 | editor.on("changeSelection", function() { 18 | statusUpdate.schedule(100); 19 | }); 20 | }; 21 | 22 | (function(){ 23 | this.updateStatus = function(editor) { 24 | var status = []; 25 | function add(str, separator) { 26 | str && status.push(str, separator || "|"); 27 | } 28 | 29 | if (editor.$vimModeHandler) 30 | add(editor.$vimModeHandler.getStatusText()); 31 | else if (editor.commands.recording) 32 | add("REC"); 33 | 34 | var c = editor.selection.lead; 35 | add(c.row + ":" + c.column, " "); 36 | if (!editor.selection.isEmpty()) { 37 | var r = editor.getSelectionRange(); 38 | add("(" + (r.end.row - r.start.row) + ":" +(r.end.column - r.start.column) + ")"); 39 | } 40 | status.pop(); 41 | this.element.textContent = status.join(""); 42 | }; 43 | }).call(StatusBar.prototype); 44 | 45 | exports.StatusBar = StatusBar; 46 | 47 | }); -------------------------------------------------------------------------------- /packages/website/public/ace/mode-text.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/ace/mode-text.js -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/abap.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/abap', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "abap"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/ada.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/ada', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "ada"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/apache_conf.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/apache_conf', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "apache_conf"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/asciidoc.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/asciidoc', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "asciidoc"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/assembly_x86.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/assembly_x86', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "assembly_x86"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/autohotkey.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/autohotkey', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "autohotkey"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/batchfile.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/batchfile', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "batchfile"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/c9search.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/c9search', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "c9search"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/cobol.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/cobol', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "cobol"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/coldfusion.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/coldfusion', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "coldfusion"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/csharp.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/csharp', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "csharp"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/curly.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/curly', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "curly"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/d.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/d', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "d"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/diff.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/diff', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "# DEP-3 (http://dep.debian.net/deps/dep3/) style patch header\n\ 5 | snippet header DEP-3 style header\n\ 6 | Description: ${1}\n\ 7 | Origin: ${2:vendor|upstream|other}, ${3:url of the original patch}\n\ 8 | Bug: ${4:url in upstream bugtracker}\n\ 9 | Forwarded: ${5:no|not-needed|url}\n\ 10 | Author: ${6:`g:snips_author`}\n\ 11 | Reviewed-by: ${7:name and email}\n\ 12 | Last-Update: ${8:`strftime(\"%Y-%m-%d\")`}\n\ 13 | Applied-Upstream: ${9:upstream version|url|commit}\n\ 14 | \n\ 15 | "; 16 | exports.scope = "diff"; 17 | 18 | }); 19 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/dot.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/dot', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "dot"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/ejs.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/ejs', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "ejs"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/forth.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/forth', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "forth"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/ftl.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/ftl', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "ftl"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/glsl.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/glsl', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "glsl"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/golang.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/golang', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "golang"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/groovy.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/groovy', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "groovy"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/haml.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/haml', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "snippet t\n\ 5 | %table\n\ 6 | %tr\n\ 7 | %th\n\ 8 | ${1:headers}\n\ 9 | %tr\n\ 10 | %td\n\ 11 | ${2:headers}\n\ 12 | snippet ul\n\ 13 | %ul\n\ 14 | %li\n\ 15 | ${1:item}\n\ 16 | %li\n\ 17 | snippet =rp\n\ 18 | = render :partial => '${1:partial}'\n\ 19 | snippet =rpl\n\ 20 | = render :partial => '${1:partial}', :locals => {}\n\ 21 | snippet =rpc\n\ 22 | = render :partial => '${1:partial}', :collection => @$1\n\ 23 | \n\ 24 | "; 25 | exports.scope = "haml"; 26 | 27 | }); 28 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/handlebars.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/handlebars', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "handlebars"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/haxe.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/haxe', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "haxe"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/html_completions.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/html_completions', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "html_completions"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/html_ruby.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/html_ruby', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "html_ruby"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/ini.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/ini', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "ini"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/jack.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/jack', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "jack"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/jade.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/jade', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "jade"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/json.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/json', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "json"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/jsoniq.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/jsoniq', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "jsoniq"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/jsx.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/jsx', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "jsx"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/julia.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/julia', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "julia"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/latex.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/latex', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "latex"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/less.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/less', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "less"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/liquid.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/liquid', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "liquid"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/lisp.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/lisp', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "lisp"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/livescript.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/livescript', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "livescript"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/logiql.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/logiql', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "logiql"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/lua.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/lua', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "snippet #!\n\ 5 | #!/usr/bin/env lua\n\ 6 | $1\n\ 7 | snippet local\n\ 8 | local ${1:x} = ${2:1}\n\ 9 | snippet fun\n\ 10 | function ${1:fname}(${2:...})\n\ 11 | ${3:-- body}\n\ 12 | end\n\ 13 | snippet for\n\ 14 | for ${1:i}=${2:1},${3:10} do\n\ 15 | ${4:print(i)}\n\ 16 | end\n\ 17 | snippet forp\n\ 18 | for ${1:i},${2:v} in pairs(${3:table_name}) do\n\ 19 | ${4:-- body}\n\ 20 | end\n\ 21 | snippet fori\n\ 22 | for ${1:i},${2:v} in ipairs(${3:table_name}) do\n\ 23 | ${4:-- body}\n\ 24 | end\n\ 25 | "; 26 | exports.scope = "lua"; 27 | 28 | }); 29 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/luapage.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/luapage', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "luapage"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/lucene.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/lucene', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "lucene"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/makefile.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/makefile', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "snippet ifeq\n\ 5 | ifeq (${1:cond0},${2:cond1})\n\ 6 | ${3:code}\n\ 7 | endif\n\ 8 | "; 9 | exports.scope = "makefile"; 10 | 11 | }); 12 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/matlab.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/matlab', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "matlab"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/mel.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/mel', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "mel"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/mushcode.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/mushcode', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "mushcode"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/mushcode_high_rules.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/mushcode_high_rules', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "mushcode_high_rules"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/mysql.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/mysql', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "mysql"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/nix.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/nix', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "nix"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/objectivec.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/objectivec', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "objectivec"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/ocaml.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/ocaml', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "ocaml"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/pascal.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/pascal', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "pascal"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/pgsql.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/pgsql', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "pgsql"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/plain_text.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/plain_text', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "plain_text"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/powershell.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/powershell', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "powershell"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/prolog.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/prolog', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "prolog"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/properties.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/properties', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "properties"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/protobuf.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/protobuf', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "protobuf"; 6 | 7 | }); -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/rdoc.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/rdoc', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "rdoc"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/rhtml.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/rhtml', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "rhtml"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/rust.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/rust', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "rust"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/sass.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/sass', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "sass"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/scad.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/scad', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "scad"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/scala.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/scala', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "scala"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/scheme.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/scheme', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "scheme"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/scss.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/scss', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "scss"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/sjs.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/sjs', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "sjs"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/snippets.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/snippets', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "# snippets for making snippets :)\n\ 5 | snippet snip\n\ 6 | snippet ${1:trigger}\n\ 7 | ${2}\n\ 8 | snippet msnip\n\ 9 | snippet ${1:trigger} ${2:description}\n\ 10 | ${3}\n\ 11 | snippet v\n\ 12 | {VISUAL}\n\ 13 | "; 14 | exports.scope = "snippets"; 15 | 16 | }); 17 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/soy_template.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/soy_template', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "soy_template"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/space.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/space', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "space"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/sql.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/sql', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "snippet tbl\n\ 5 | create table ${1:table} (\n\ 6 | ${2:columns}\n\ 7 | );\n\ 8 | snippet col\n\ 9 | ${1:name} ${2:type} ${3:default ''} ${4:not null}\n\ 10 | snippet ccol\n\ 11 | ${1:name} varchar2(${2:size}) ${3:default ''} ${4:not null}\n\ 12 | snippet ncol\n\ 13 | ${1:name} number ${3:default 0} ${4:not null}\n\ 14 | snippet dcol\n\ 15 | ${1:name} date ${3:default sysdate} ${4:not null}\n\ 16 | snippet ind\n\ 17 | create index ${3:$1_$2} on ${1:table}(${2:column});\n\ 18 | snippet uind\n\ 19 | create unique index ${1:name} on ${2:table}(${3:column});\n\ 20 | snippet tblcom\n\ 21 | comment on table ${1:table} is '${2:comment}';\n\ 22 | snippet colcom\n\ 23 | comment on column ${1:table}.${2:column} is '${3:comment}';\n\ 24 | snippet addcol\n\ 25 | alter table ${1:table} add (${2:column} ${3:type});\n\ 26 | snippet seq\n\ 27 | create sequence ${1:name} start with ${2:1} increment by ${3:1} minvalue ${4:1};\n\ 28 | snippet s*\n\ 29 | select * from ${1:table}\n\ 30 | "; 31 | exports.scope = "sql"; 32 | 33 | }); 34 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/stylus.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/stylus', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "stylus"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/svg.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/svg', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "svg"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/text.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/text', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "text"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/textile.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/textile', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "# Jekyll post header\n\ 5 | snippet header\n\ 6 | ---\n\ 7 | title: ${1:title}\n\ 8 | layout: post\n\ 9 | date: ${2:date} ${3:hour:minute:second} -05:00\n\ 10 | ---\n\ 11 | \n\ 12 | # Image\n\ 13 | snippet img\n\ 14 | !${1:url}(${2:title}):${3:link}!\n\ 15 | \n\ 16 | # Table\n\ 17 | snippet |\n\ 18 | |${1}|${2}\n\ 19 | \n\ 20 | # Link\n\ 21 | snippet link\n\ 22 | \"${1:link text}\":${2:url}\n\ 23 | \n\ 24 | # Acronym\n\ 25 | snippet (\n\ 26 | (${1:Expand acronym})${2}\n\ 27 | \n\ 28 | # Footnote\n\ 29 | snippet fn\n\ 30 | [${1:ref number}] ${3}\n\ 31 | \n\ 32 | fn$1. ${2:footnote}\n\ 33 | \n\ 34 | "; 35 | exports.scope = "textile"; 36 | 37 | }); 38 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/toml.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/toml', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "toml"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/twig.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/twig', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "twig"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/typescript.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/typescript', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "typescript"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/vbscript.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/vbscript', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "vbscript"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/velocity.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/velocity', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = "# macro\n\ 5 | snippet #macro\n\ 6 | #macro ( ${1:macroName} ${2:\\$var1, [\\$var2, ...]} )\n\ 7 | ${3:## macro code}\n\ 8 | #end\n\ 9 | # foreach\n\ 10 | snippet #foreach\n\ 11 | #foreach ( ${1:\\$item} in ${2:\\$collection} )\n\ 12 | ${3:## foreach code}\n\ 13 | #end\n\ 14 | # if\n\ 15 | snippet #if\n\ 16 | #if ( ${1:true} )\n\ 17 | ${0}\n\ 18 | #end\n\ 19 | # if ... else\n\ 20 | snippet #ife\n\ 21 | #if ( ${1:true} )\n\ 22 | ${2}\n\ 23 | #else\n\ 24 | ${0}\n\ 25 | #end\n\ 26 | #import\n\ 27 | snippet #import\n\ 28 | #import ( \"${1:path/to/velocity/format}\" )\n\ 29 | # set\n\ 30 | snippet #set\n\ 31 | #set ( $${1:var} = ${0} )\n\ 32 | "; 33 | exports.scope = "velocity"; 34 | exports.includeScopes = ["html", "javascript", "css"]; 35 | 36 | }); 37 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/verilog.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/verilog', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "verilog"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/vhdl.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/vhdl', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "vhdl"; 6 | 7 | }); -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/xml.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/xml', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "xml"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/xquery.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/xquery', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "xquery"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/ace/snippets/yaml.js: -------------------------------------------------------------------------------- 1 | define('ace/snippets/yaml', ['require', 'exports', 'module' ], function(require, exports, module) { 2 | 3 | 4 | exports.snippetText = ""; 5 | exports.scope = "yaml"; 6 | 7 | }); 8 | -------------------------------------------------------------------------------- /packages/website/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/favicon.ico -------------------------------------------------------------------------------- /packages/website/public/highlight.js/androidstudio.css: -------------------------------------------------------------------------------- 1 | /* 2 | Date: 24 Fev 2015 3 | Author: Pedro Oliveira 4 | */ 5 | 6 | .hljs { 7 | color: #a9b7c6; 8 | background: #282b2e; 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | } 13 | 14 | .hljs-number, 15 | .hljs-literal, 16 | .hljs-symbol, 17 | .hljs-bullet { 18 | color: #6897BB; 19 | } 20 | 21 | .hljs-keyword, 22 | .hljs-selector-tag, 23 | .hljs-deletion { 24 | color: #cc7832; 25 | } 26 | 27 | .hljs-variable, 28 | .hljs-template-variable, 29 | .hljs-link { 30 | color: #629755; 31 | } 32 | 33 | .hljs-comment, 34 | .hljs-quote { 35 | color: #808080; 36 | } 37 | 38 | .hljs-meta { 39 | color: #bbb529; 40 | } 41 | 42 | .hljs-string, 43 | .hljs-attribute, 44 | .hljs-addition { 45 | color: #6A8759; 46 | } 47 | 48 | .hljs-section, 49 | .hljs-title, 50 | .hljs-type { 51 | color: #ffc66d; 52 | } 53 | 54 | .hljs-name, 55 | .hljs-selector-id, 56 | .hljs-selector-class { 57 | color: #e8bf6a; 58 | } 59 | 60 | .hljs-emphasis { 61 | font-style: italic; 62 | } 63 | 64 | .hljs-strong { 65 | font-weight: bold; 66 | } 67 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/arduino-light.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Arduino® Light Theme - Stefania Mellai 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #FFFFFF; 12 | } 13 | 14 | .hljs, 15 | .hljs-subst { 16 | color: #434f54; 17 | } 18 | 19 | .hljs-keyword, 20 | .hljs-attribute, 21 | .hljs-selector-tag, 22 | .hljs-doctag, 23 | .hljs-name { 24 | color: #00979D; 25 | } 26 | 27 | .hljs-built_in, 28 | .hljs-literal, 29 | .hljs-bullet, 30 | .hljs-code, 31 | .hljs-addition { 32 | color: #D35400; 33 | } 34 | 35 | .hljs-regexp, 36 | .hljs-symbol, 37 | .hljs-variable, 38 | .hljs-template-variable, 39 | .hljs-link, 40 | .hljs-selector-attr, 41 | .hljs-selector-pseudo { 42 | color: #00979D; 43 | } 44 | 45 | .hljs-type, 46 | .hljs-string, 47 | .hljs-selector-id, 48 | .hljs-selector-class, 49 | .hljs-quote, 50 | .hljs-template-tag, 51 | .hljs-deletion { 52 | color: #005C5F; 53 | } 54 | 55 | .hljs-title, 56 | .hljs-section { 57 | color: #880000; 58 | font-weight: bold; 59 | } 60 | 61 | .hljs-comment { 62 | color: rgba(149,165,166,.8); 63 | } 64 | 65 | .hljs-meta-keyword { 66 | color: #728E00; 67 | } 68 | 69 | .hljs-meta { 70 | color: #728E00; 71 | color: #434f54; 72 | } 73 | 74 | .hljs-emphasis { 75 | font-style: italic; 76 | } 77 | 78 | .hljs-strong { 79 | font-weight: bold; 80 | } 81 | 82 | .hljs-function { 83 | color: #728E00; 84 | } 85 | 86 | .hljs-number { 87 | color: #8A7B52; 88 | } 89 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/arta.css: -------------------------------------------------------------------------------- 1 | /* 2 | Date: 17.V.2011 3 | Author: pumbur 4 | */ 5 | 6 | .hljs { 7 | display: block; 8 | overflow-x: auto; 9 | padding: 0.5em; 10 | background: #222; 11 | } 12 | 13 | .hljs, 14 | .hljs-subst { 15 | color: #aaa; 16 | } 17 | 18 | .hljs-section { 19 | color: #fff; 20 | } 21 | 22 | .hljs-comment, 23 | .hljs-quote, 24 | .hljs-meta { 25 | color: #444; 26 | } 27 | 28 | .hljs-string, 29 | .hljs-symbol, 30 | .hljs-bullet, 31 | .hljs-regexp { 32 | color: #ffcc33; 33 | } 34 | 35 | .hljs-number, 36 | .hljs-addition { 37 | color: #00cc66; 38 | } 39 | 40 | .hljs-built_in, 41 | .hljs-builtin-name, 42 | .hljs-literal, 43 | .hljs-type, 44 | .hljs-template-variable, 45 | .hljs-attribute, 46 | .hljs-link { 47 | color: #32aaee; 48 | } 49 | 50 | .hljs-keyword, 51 | .hljs-selector-tag, 52 | .hljs-name, 53 | .hljs-selector-id, 54 | .hljs-selector-class { 55 | color: #6644aa; 56 | } 57 | 58 | .hljs-title, 59 | .hljs-variable, 60 | .hljs-deletion, 61 | .hljs-template-tag { 62 | color: #bb1166; 63 | } 64 | 65 | .hljs-section, 66 | .hljs-doctag, 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | 71 | .hljs-emphasis { 72 | font-style: italic; 73 | } 74 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/ascetic.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Original style from softwaremaniacs.org (c) Ivan Sagalaev 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: white; 12 | color: black; 13 | } 14 | 15 | .hljs-string, 16 | .hljs-variable, 17 | .hljs-template-variable, 18 | .hljs-symbol, 19 | .hljs-bullet, 20 | .hljs-section, 21 | .hljs-addition, 22 | .hljs-attribute, 23 | .hljs-link { 24 | color: #888; 25 | } 26 | 27 | .hljs-comment, 28 | .hljs-quote, 29 | .hljs-meta, 30 | .hljs-deletion { 31 | color: #ccc; 32 | } 33 | 34 | .hljs-keyword, 35 | .hljs-selector-tag, 36 | .hljs-section, 37 | .hljs-name, 38 | .hljs-type, 39 | .hljs-strong { 40 | font-weight: bold; 41 | } 42 | 43 | .hljs-emphasis { 44 | font-style: italic; 45 | } 46 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-cave-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Cave Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Cave Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #7e7887; 9 | } 10 | 11 | /* Atelier-Cave Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-regexp, 16 | .hljs-link, 17 | .hljs-tag, 18 | .hljs-name, 19 | .hljs-selector-id, 20 | .hljs-selector-class { 21 | color: #be4678; 22 | } 23 | 24 | /* Atelier-Cave Orange */ 25 | .hljs-number, 26 | .hljs-meta, 27 | .hljs-built_in, 28 | .hljs-builtin-name, 29 | .hljs-literal, 30 | .hljs-type, 31 | .hljs-params { 32 | color: #aa573c; 33 | } 34 | 35 | /* Atelier-Cave Green */ 36 | .hljs-string, 37 | .hljs-symbol, 38 | .hljs-bullet { 39 | color: #2a9292; 40 | } 41 | 42 | /* Atelier-Cave Blue */ 43 | .hljs-title, 44 | .hljs-section { 45 | color: #576ddb; 46 | } 47 | 48 | /* Atelier-Cave Purple */ 49 | .hljs-keyword, 50 | .hljs-selector-tag { 51 | color: #955ae7; 52 | } 53 | 54 | .hljs-deletion, 55 | .hljs-addition { 56 | color: #19171c; 57 | display: inline-block; 58 | width: 100%; 59 | } 60 | 61 | .hljs-deletion { 62 | background-color: #be4678; 63 | } 64 | 65 | .hljs-addition { 66 | background-color: #2a9292; 67 | } 68 | 69 | .hljs { 70 | display: block; 71 | overflow-x: auto; 72 | background: #19171c; 73 | color: #8b8792; 74 | padding: 0.5em; 75 | } 76 | 77 | .hljs-emphasis { 78 | font-style: italic; 79 | } 80 | 81 | .hljs-strong { 82 | font-weight: bold; 83 | } 84 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-cave-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Cave Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Cave Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #655f6d; 9 | } 10 | 11 | /* Atelier-Cave Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-name, 21 | .hljs-selector-id, 22 | .hljs-selector-class { 23 | color: #be4678; 24 | } 25 | 26 | /* Atelier-Cave Orange */ 27 | .hljs-number, 28 | .hljs-meta, 29 | .hljs-built_in, 30 | .hljs-builtin-name, 31 | .hljs-literal, 32 | .hljs-type, 33 | .hljs-params { 34 | color: #aa573c; 35 | } 36 | 37 | /* Atelier-Cave Green */ 38 | .hljs-string, 39 | .hljs-symbol, 40 | .hljs-bullet { 41 | color: #2a9292; 42 | } 43 | 44 | /* Atelier-Cave Blue */ 45 | .hljs-title, 46 | .hljs-section { 47 | color: #576ddb; 48 | } 49 | 50 | /* Atelier-Cave Purple */ 51 | .hljs-keyword, 52 | .hljs-selector-tag { 53 | color: #955ae7; 54 | } 55 | 56 | .hljs-deletion, 57 | .hljs-addition { 58 | color: #19171c; 59 | display: inline-block; 60 | width: 100%; 61 | } 62 | 63 | .hljs-deletion { 64 | background-color: #be4678; 65 | } 66 | 67 | .hljs-addition { 68 | background-color: #2a9292; 69 | } 70 | 71 | .hljs { 72 | display: block; 73 | overflow-x: auto; 74 | background: #efecf4; 75 | color: #585260; 76 | padding: 0.5em; 77 | } 78 | 79 | .hljs-emphasis { 80 | font-style: italic; 81 | } 82 | 83 | .hljs-strong { 84 | font-weight: bold; 85 | } 86 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-dune-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Dune Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Dune Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #999580; 9 | } 10 | 11 | /* Atelier-Dune Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #d73737; 23 | } 24 | 25 | /* Atelier-Dune Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #b65611; 34 | } 35 | 36 | /* Atelier-Dune Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #60ac39; 41 | } 42 | 43 | /* Atelier-Dune Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #6684e1; 47 | } 48 | 49 | /* Atelier-Dune Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #b854d4; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #20201d; 59 | color: #a6a28c; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-dune-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Dune Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Dune Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #7d7a68; 9 | } 10 | 11 | /* Atelier-Dune Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #d73737; 23 | } 24 | 25 | /* Atelier-Dune Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #b65611; 34 | } 35 | 36 | /* Atelier-Dune Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #60ac39; 41 | } 42 | 43 | /* Atelier-Dune Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #6684e1; 47 | } 48 | 49 | /* Atelier-Dune Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #b854d4; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #fefbec; 59 | color: #6e6b5e; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-estuary-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Estuary Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Estuary Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #878573; 9 | } 10 | 11 | /* Atelier-Estuary Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #ba6236; 23 | } 24 | 25 | /* Atelier-Estuary Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #ae7313; 34 | } 35 | 36 | /* Atelier-Estuary Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #7d9726; 41 | } 42 | 43 | /* Atelier-Estuary Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #36a166; 47 | } 48 | 49 | /* Atelier-Estuary Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #5f9182; 53 | } 54 | 55 | .hljs-deletion, 56 | .hljs-addition { 57 | color: #22221b; 58 | display: inline-block; 59 | width: 100%; 60 | } 61 | 62 | .hljs-deletion { 63 | background-color: #ba6236; 64 | } 65 | 66 | .hljs-addition { 67 | background-color: #7d9726; 68 | } 69 | 70 | .hljs { 71 | display: block; 72 | overflow-x: auto; 73 | background: #22221b; 74 | color: #929181; 75 | padding: 0.5em; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-estuary-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Estuary Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Estuary Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #6c6b5a; 9 | } 10 | 11 | /* Atelier-Estuary Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #ba6236; 23 | } 24 | 25 | /* Atelier-Estuary Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #ae7313; 34 | } 35 | 36 | /* Atelier-Estuary Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #7d9726; 41 | } 42 | 43 | /* Atelier-Estuary Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #36a166; 47 | } 48 | 49 | /* Atelier-Estuary Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #5f9182; 53 | } 54 | 55 | .hljs-deletion, 56 | .hljs-addition { 57 | color: #22221b; 58 | display: inline-block; 59 | width: 100%; 60 | } 61 | 62 | .hljs-deletion { 63 | background-color: #ba6236; 64 | } 65 | 66 | .hljs-addition { 67 | background-color: #7d9726; 68 | } 69 | 70 | .hljs { 71 | display: block; 72 | overflow-x: auto; 73 | background: #f4f3ec; 74 | color: #5f5e4e; 75 | padding: 0.5em; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-forest-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Forest Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Forest Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #9c9491; 9 | } 10 | 11 | /* Atelier-Forest Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #f22c40; 23 | } 24 | 25 | /* Atelier-Forest Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #df5320; 34 | } 35 | 36 | /* Atelier-Forest Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #7b9726; 41 | } 42 | 43 | /* Atelier-Forest Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #407ee7; 47 | } 48 | 49 | /* Atelier-Forest Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #6666ea; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #1b1918; 59 | color: #a8a19f; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-forest-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Forest Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Forest Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #766e6b; 9 | } 10 | 11 | /* Atelier-Forest Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #f22c40; 23 | } 24 | 25 | /* Atelier-Forest Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #df5320; 34 | } 35 | 36 | /* Atelier-Forest Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #7b9726; 41 | } 42 | 43 | /* Atelier-Forest Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #407ee7; 47 | } 48 | 49 | /* Atelier-Forest Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #6666ea; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #f1efee; 59 | color: #68615e; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-heath-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Heath Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Heath Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #9e8f9e; 9 | } 10 | 11 | /* Atelier-Heath Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #ca402b; 23 | } 24 | 25 | /* Atelier-Heath Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #a65926; 34 | } 35 | 36 | /* Atelier-Heath Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #918b3b; 41 | } 42 | 43 | /* Atelier-Heath Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #516aec; 47 | } 48 | 49 | /* Atelier-Heath Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #7b59c0; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #1b181b; 59 | color: #ab9bab; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-heath-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Heath Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Heath Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #776977; 9 | } 10 | 11 | /* Atelier-Heath Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #ca402b; 23 | } 24 | 25 | /* Atelier-Heath Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #a65926; 34 | } 35 | 36 | /* Atelier-Heath Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #918b3b; 41 | } 42 | 43 | /* Atelier-Heath Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #516aec; 47 | } 48 | 49 | /* Atelier-Heath Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #7b59c0; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #f7f3f7; 59 | color: #695d69; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-lakeside-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Lakeside Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Lakeside Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #7195a8; 9 | } 10 | 11 | /* Atelier-Lakeside Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #d22d72; 23 | } 24 | 25 | /* Atelier-Lakeside Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #935c25; 34 | } 35 | 36 | /* Atelier-Lakeside Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #568c3b; 41 | } 42 | 43 | /* Atelier-Lakeside Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #257fad; 47 | } 48 | 49 | /* Atelier-Lakeside Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #6b6bb8; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #161b1d; 59 | color: #7ea2b4; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-lakeside-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Lakeside Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Lakeside Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #5a7b8c; 9 | } 10 | 11 | /* Atelier-Lakeside Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #d22d72; 23 | } 24 | 25 | /* Atelier-Lakeside Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #935c25; 34 | } 35 | 36 | /* Atelier-Lakeside Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #568c3b; 41 | } 42 | 43 | /* Atelier-Lakeside Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #257fad; 47 | } 48 | 49 | /* Atelier-Lakeside Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #6b6bb8; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #ebf8ff; 59 | color: #516d7b; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-plateau-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Plateau Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Plateau Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #7e7777; 9 | } 10 | 11 | /* Atelier-Plateau Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #ca4949; 23 | } 24 | 25 | /* Atelier-Plateau Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #b45a3c; 34 | } 35 | 36 | /* Atelier-Plateau Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #4b8b8b; 41 | } 42 | 43 | /* Atelier-Plateau Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #7272ca; 47 | } 48 | 49 | /* Atelier-Plateau Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #8464c4; 53 | } 54 | 55 | .hljs-deletion, 56 | .hljs-addition { 57 | color: #1b1818; 58 | display: inline-block; 59 | width: 100%; 60 | } 61 | 62 | .hljs-deletion { 63 | background-color: #ca4949; 64 | } 65 | 66 | .hljs-addition { 67 | background-color: #4b8b8b; 68 | } 69 | 70 | .hljs { 71 | display: block; 72 | overflow-x: auto; 73 | background: #1b1818; 74 | color: #8a8585; 75 | padding: 0.5em; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-plateau-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Plateau Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Plateau Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #655d5d; 9 | } 10 | 11 | /* Atelier-Plateau Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #ca4949; 23 | } 24 | 25 | /* Atelier-Plateau Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #b45a3c; 34 | } 35 | 36 | /* Atelier-Plateau Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #4b8b8b; 41 | } 42 | 43 | /* Atelier-Plateau Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #7272ca; 47 | } 48 | 49 | /* Atelier-Plateau Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #8464c4; 53 | } 54 | 55 | .hljs-deletion, 56 | .hljs-addition { 57 | color: #1b1818; 58 | display: inline-block; 59 | width: 100%; 60 | } 61 | 62 | .hljs-deletion { 63 | background-color: #ca4949; 64 | } 65 | 66 | .hljs-addition { 67 | background-color: #4b8b8b; 68 | } 69 | 70 | .hljs { 71 | display: block; 72 | overflow-x: auto; 73 | background: #f4ecec; 74 | color: #585050; 75 | padding: 0.5em; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-savanna-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Savanna Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Savanna Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #78877d; 9 | } 10 | 11 | /* Atelier-Savanna Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #b16139; 23 | } 24 | 25 | /* Atelier-Savanna Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #9f713c; 34 | } 35 | 36 | /* Atelier-Savanna Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #489963; 41 | } 42 | 43 | /* Atelier-Savanna Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #478c90; 47 | } 48 | 49 | /* Atelier-Savanna Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #55859b; 53 | } 54 | 55 | .hljs-deletion, 56 | .hljs-addition { 57 | color: #171c19; 58 | display: inline-block; 59 | width: 100%; 60 | } 61 | 62 | .hljs-deletion { 63 | background-color: #b16139; 64 | } 65 | 66 | .hljs-addition { 67 | background-color: #489963; 68 | } 69 | 70 | .hljs { 71 | display: block; 72 | overflow-x: auto; 73 | background: #171c19; 74 | color: #87928a; 75 | padding: 0.5em; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-savanna-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Savanna Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Savanna Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #5f6d64; 9 | } 10 | 11 | /* Atelier-Savanna Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #b16139; 23 | } 24 | 25 | /* Atelier-Savanna Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #9f713c; 34 | } 35 | 36 | /* Atelier-Savanna Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #489963; 41 | } 42 | 43 | /* Atelier-Savanna Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #478c90; 47 | } 48 | 49 | /* Atelier-Savanna Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #55859b; 53 | } 54 | 55 | .hljs-deletion, 56 | .hljs-addition { 57 | color: #171c19; 58 | display: inline-block; 59 | width: 100%; 60 | } 61 | 62 | .hljs-deletion { 63 | background-color: #b16139; 64 | } 65 | 66 | .hljs-addition { 67 | background-color: #489963; 68 | } 69 | 70 | .hljs { 71 | display: block; 72 | overflow-x: auto; 73 | background: #ecf4ee; 74 | color: #526057; 75 | padding: 0.5em; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-seaside-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Seaside Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Seaside Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #809980; 9 | } 10 | 11 | /* Atelier-Seaside Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #e6193c; 23 | } 24 | 25 | /* Atelier-Seaside Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #87711d; 34 | } 35 | 36 | /* Atelier-Seaside Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #29a329; 41 | } 42 | 43 | /* Atelier-Seaside Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #3d62f5; 47 | } 48 | 49 | /* Atelier-Seaside Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #ad2bee; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #131513; 59 | color: #8ca68c; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-seaside-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Seaside Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Seaside Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #687d68; 9 | } 10 | 11 | /* Atelier-Seaside Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #e6193c; 23 | } 24 | 25 | /* Atelier-Seaside Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #87711d; 34 | } 35 | 36 | /* Atelier-Seaside Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #29a329; 41 | } 42 | 43 | /* Atelier-Seaside Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #3d62f5; 47 | } 48 | 49 | /* Atelier-Seaside Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #ad2bee; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #f4fbf4; 59 | color: #5e6e5e; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-sulphurpool-dark.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Sulphurpool Dark - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Sulphurpool Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #898ea4; 9 | } 10 | 11 | /* Atelier-Sulphurpool Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #c94922; 23 | } 24 | 25 | /* Atelier-Sulphurpool Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #c76b29; 34 | } 35 | 36 | /* Atelier-Sulphurpool Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #ac9739; 41 | } 42 | 43 | /* Atelier-Sulphurpool Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #3d8fd1; 47 | } 48 | 49 | /* Atelier-Sulphurpool Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #6679cc; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #202746; 59 | color: #979db4; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atelier-sulphurpool-light.css: -------------------------------------------------------------------------------- 1 | /* Base16 Atelier Sulphurpool Light - Theme */ 2 | /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */ 3 | /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */ 4 | 5 | /* Atelier-Sulphurpool Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #6b7394; 9 | } 10 | 11 | /* Atelier-Sulphurpool Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-attribute, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-regexp, 18 | .hljs-link, 19 | .hljs-name, 20 | .hljs-selector-id, 21 | .hljs-selector-class { 22 | color: #c94922; 23 | } 24 | 25 | /* Atelier-Sulphurpool Orange */ 26 | .hljs-number, 27 | .hljs-meta, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params { 33 | color: #c76b29; 34 | } 35 | 36 | /* Atelier-Sulphurpool Green */ 37 | .hljs-string, 38 | .hljs-symbol, 39 | .hljs-bullet { 40 | color: #ac9739; 41 | } 42 | 43 | /* Atelier-Sulphurpool Blue */ 44 | .hljs-title, 45 | .hljs-section { 46 | color: #3d8fd1; 47 | } 48 | 49 | /* Atelier-Sulphurpool Purple */ 50 | .hljs-keyword, 51 | .hljs-selector-tag { 52 | color: #6679cc; 53 | } 54 | 55 | .hljs { 56 | display: block; 57 | overflow-x: auto; 58 | background: #f5f7ff; 59 | color: #5e6687; 60 | padding: 0.5em; 61 | } 62 | 63 | .hljs-emphasis { 64 | font-style: italic; 65 | } 66 | 67 | .hljs-strong { 68 | font-weight: bold; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atom-one-dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Atom One Dark by Daniel Gamage 4 | Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax 5 | 6 | base: #282c34 7 | mono-1: #abb2bf 8 | mono-2: #818896 9 | mono-3: #5c6370 10 | hue-1: #56b6c2 11 | hue-2: #61aeee 12 | hue-3: #c678dd 13 | hue-4: #98c379 14 | hue-5: #e06c75 15 | hue-5-2: #be5046 16 | hue-6: #d19a66 17 | hue-6-2: #e6c07b 18 | 19 | */ 20 | 21 | .hljs { 22 | display: block; 23 | overflow-x: auto; 24 | padding: 0.5em; 25 | color: #abb2bf; 26 | background: #282c34; 27 | } 28 | 29 | .hljs-comment, 30 | .hljs-quote { 31 | color: #5c6370; 32 | font-style: italic; 33 | } 34 | 35 | .hljs-doctag, 36 | .hljs-keyword, 37 | .hljs-formula { 38 | color: #c678dd; 39 | } 40 | 41 | .hljs-section, 42 | .hljs-name, 43 | .hljs-selector-tag, 44 | .hljs-deletion, 45 | .hljs-subst { 46 | color: #e06c75; 47 | } 48 | 49 | .hljs-literal { 50 | color: #56b6c2; 51 | } 52 | 53 | .hljs-string, 54 | .hljs-regexp, 55 | .hljs-addition, 56 | .hljs-attribute, 57 | .hljs-meta-string { 58 | color: #98c379; 59 | } 60 | 61 | .hljs-built_in, 62 | .hljs-class .hljs-title { 63 | color: #e6c07b; 64 | } 65 | 66 | .hljs-attr, 67 | .hljs-variable, 68 | .hljs-template-variable, 69 | .hljs-type, 70 | .hljs-selector-class, 71 | .hljs-selector-attr, 72 | .hljs-selector-pseudo, 73 | .hljs-number { 74 | color: #d19a66; 75 | } 76 | 77 | .hljs-symbol, 78 | .hljs-bullet, 79 | .hljs-link, 80 | .hljs-meta, 81 | .hljs-selector-id, 82 | .hljs-title { 83 | color: #61aeee; 84 | } 85 | 86 | .hljs-emphasis { 87 | font-style: italic; 88 | } 89 | 90 | .hljs-strong { 91 | font-weight: bold; 92 | } 93 | 94 | .hljs-link { 95 | text-decoration: underline; 96 | } 97 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/atom-one-light.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Atom One Light by Daniel Gamage 4 | Original One Light Syntax theme from https://github.com/atom/one-light-syntax 5 | 6 | base: #fafafa 7 | mono-1: #383a42 8 | mono-2: #686b77 9 | mono-3: #a0a1a7 10 | hue-1: #0184bb 11 | hue-2: #4078f2 12 | hue-3: #a626a4 13 | hue-4: #50a14f 14 | hue-5: #e45649 15 | hue-5-2: #c91243 16 | hue-6: #986801 17 | hue-6-2: #c18401 18 | 19 | */ 20 | 21 | .hljs { 22 | display: block; 23 | overflow-x: auto; 24 | padding: 0.5em; 25 | color: #383a42; 26 | background: #fafafa; 27 | } 28 | 29 | .hljs-comment, 30 | .hljs-quote { 31 | color: #a0a1a7; 32 | font-style: italic; 33 | } 34 | 35 | .hljs-doctag, 36 | .hljs-keyword, 37 | .hljs-formula { 38 | color: #a626a4; 39 | } 40 | 41 | .hljs-section, 42 | .hljs-name, 43 | .hljs-selector-tag, 44 | .hljs-deletion, 45 | .hljs-subst { 46 | color: #e45649; 47 | } 48 | 49 | .hljs-literal { 50 | color: #0184bb; 51 | } 52 | 53 | .hljs-string, 54 | .hljs-regexp, 55 | .hljs-addition, 56 | .hljs-attribute, 57 | .hljs-meta-string { 58 | color: #50a14f; 59 | } 60 | 61 | .hljs-built_in, 62 | .hljs-class .hljs-title { 63 | color: #c18401; 64 | } 65 | 66 | .hljs-attr, 67 | .hljs-variable, 68 | .hljs-template-variable, 69 | .hljs-type, 70 | .hljs-selector-class, 71 | .hljs-selector-attr, 72 | .hljs-selector-pseudo, 73 | .hljs-number { 74 | color: #986801; 75 | } 76 | 77 | .hljs-symbol, 78 | .hljs-bullet, 79 | .hljs-link, 80 | .hljs-meta, 81 | .hljs-selector-id, 82 | .hljs-title { 83 | color: #4078f2; 84 | } 85 | 86 | .hljs-emphasis { 87 | font-style: italic; 88 | } 89 | 90 | .hljs-strong { 91 | font-weight: bold; 92 | } 93 | 94 | .hljs-link { 95 | text-decoration: underline; 96 | } 97 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/brown-paper.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Brown Paper style from goldblog.com.ua (c) Zaripov Yura 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background:#b7a68e url(./brown-papersq.png); 12 | } 13 | 14 | .hljs-keyword, 15 | .hljs-selector-tag, 16 | .hljs-literal { 17 | color:#005599; 18 | font-weight:bold; 19 | } 20 | 21 | .hljs, 22 | .hljs-subst { 23 | color: #363c69; 24 | } 25 | 26 | .hljs-string, 27 | .hljs-title, 28 | .hljs-section, 29 | .hljs-type, 30 | .hljs-attribute, 31 | .hljs-symbol, 32 | .hljs-bullet, 33 | .hljs-built_in, 34 | .hljs-addition, 35 | .hljs-variable, 36 | .hljs-template-tag, 37 | .hljs-template-variable, 38 | .hljs-link, 39 | .hljs-name { 40 | color: #2c009f; 41 | } 42 | 43 | .hljs-comment, 44 | .hljs-quote, 45 | .hljs-meta, 46 | .hljs-deletion { 47 | color: #802022; 48 | } 49 | 50 | .hljs-keyword, 51 | .hljs-selector-tag, 52 | .hljs-literal, 53 | .hljs-doctag, 54 | .hljs-title, 55 | .hljs-section, 56 | .hljs-type, 57 | .hljs-name, 58 | .hljs-strong { 59 | font-weight: bold; 60 | } 61 | 62 | .hljs-emphasis { 63 | font-style: italic; 64 | } 65 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/brown-papersq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/highlight.js/brown-papersq.png -------------------------------------------------------------------------------- /packages/website/public/highlight.js/codepen-embed.css: -------------------------------------------------------------------------------- 1 | /* 2 | codepen.io Embed Theme 3 | Author: Justin Perry 4 | Original theme - https://github.com/chriskempson/tomorrow-theme 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #222; 12 | color: #fff; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #777; 18 | } 19 | 20 | .hljs-variable, 21 | .hljs-template-variable, 22 | .hljs-tag, 23 | .hljs-regexp, 24 | .hljs-meta, 25 | .hljs-number, 26 | .hljs-built_in, 27 | .hljs-builtin-name, 28 | .hljs-literal, 29 | .hljs-params, 30 | .hljs-symbol, 31 | .hljs-bullet, 32 | .hljs-link, 33 | .hljs-deletion { 34 | color: #ab875d; 35 | } 36 | 37 | .hljs-section, 38 | .hljs-title, 39 | .hljs-name, 40 | .hljs-selector-id, 41 | .hljs-selector-class, 42 | .hljs-type, 43 | .hljs-attribute { 44 | color: #9b869b; 45 | } 46 | 47 | .hljs-string, 48 | .hljs-keyword, 49 | .hljs-selector-tag, 50 | .hljs-addition { 51 | color: #8f9c6c; 52 | } 53 | 54 | .hljs-emphasis { 55 | font-style: italic; 56 | } 57 | 58 | .hljs-strong { 59 | font-weight: bold; 60 | } 61 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/color-brewer.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Colorbrewer theme 4 | Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock 5 | Ported by Fabrício Tavares de Oliveira 6 | 7 | */ 8 | 9 | .hljs { 10 | display: block; 11 | overflow-x: auto; 12 | padding: 0.5em; 13 | background: #fff; 14 | } 15 | 16 | .hljs, 17 | .hljs-subst { 18 | color: #000; 19 | } 20 | 21 | .hljs-string, 22 | .hljs-meta, 23 | .hljs-symbol, 24 | .hljs-template-tag, 25 | .hljs-template-variable, 26 | .hljs-addition { 27 | color: #756bb1; 28 | } 29 | 30 | .hljs-comment, 31 | .hljs-quote { 32 | color: #636363; 33 | } 34 | 35 | .hljs-number, 36 | .hljs-regexp, 37 | .hljs-literal, 38 | .hljs-bullet, 39 | .hljs-link { 40 | color: #31a354; 41 | } 42 | 43 | .hljs-deletion, 44 | .hljs-variable { 45 | color: #88f; 46 | } 47 | 48 | 49 | 50 | .hljs-keyword, 51 | .hljs-selector-tag, 52 | .hljs-title, 53 | .hljs-section, 54 | .hljs-built_in, 55 | .hljs-doctag, 56 | .hljs-type, 57 | .hljs-tag, 58 | .hljs-name, 59 | .hljs-selector-id, 60 | .hljs-selector-class, 61 | .hljs-strong { 62 | color: #3182bd; 63 | } 64 | 65 | .hljs-emphasis { 66 | font-style: italic; 67 | } 68 | 69 | .hljs-attribute { 70 | color: #e6550d; 71 | } 72 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/darcula.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Darcula color scheme from the JetBrains family of IDEs 4 | 5 | */ 6 | 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #2b2b2b; 13 | } 14 | 15 | .hljs { 16 | color: #bababa; 17 | } 18 | 19 | .hljs-strong, 20 | .hljs-emphasis { 21 | color: #a8a8a2; 22 | } 23 | 24 | .hljs-bullet, 25 | .hljs-quote, 26 | .hljs-link, 27 | .hljs-number, 28 | .hljs-regexp, 29 | .hljs-literal { 30 | color: #6896ba; 31 | } 32 | 33 | .hljs-code, 34 | .hljs-selector-class { 35 | color: #a6e22e; 36 | } 37 | 38 | .hljs-emphasis { 39 | font-style: italic; 40 | } 41 | 42 | .hljs-keyword, 43 | .hljs-selector-tag, 44 | .hljs-section, 45 | .hljs-attribute, 46 | .hljs-name, 47 | .hljs-variable { 48 | color: #cb7832; 49 | } 50 | 51 | .hljs-params { 52 | color: #b9b9b9; 53 | } 54 | 55 | .hljs-string { 56 | color: #6a8759; 57 | } 58 | 59 | .hljs-subst, 60 | .hljs-type, 61 | .hljs-built_in, 62 | .hljs-builtin-name, 63 | .hljs-symbol, 64 | .hljs-selector-id, 65 | .hljs-selector-attr, 66 | .hljs-selector-pseudo, 67 | .hljs-template-tag, 68 | .hljs-template-variable, 69 | .hljs-addition { 70 | color: #e0c46c; 71 | } 72 | 73 | .hljs-comment, 74 | .hljs-deletion, 75 | .hljs-meta { 76 | color: #7f7f7f; 77 | } 78 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Dark style from softwaremaniacs.org (c) Ivan Sagalaev 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #444; 12 | } 13 | 14 | .hljs-keyword, 15 | .hljs-selector-tag, 16 | .hljs-literal, 17 | .hljs-section, 18 | .hljs-link { 19 | color: white; 20 | } 21 | 22 | .hljs, 23 | .hljs-subst { 24 | color: #ddd; 25 | } 26 | 27 | .hljs-string, 28 | .hljs-title, 29 | .hljs-name, 30 | .hljs-type, 31 | .hljs-attribute, 32 | .hljs-symbol, 33 | .hljs-bullet, 34 | .hljs-built_in, 35 | .hljs-addition, 36 | .hljs-variable, 37 | .hljs-template-tag, 38 | .hljs-template-variable { 39 | color: #d88; 40 | } 41 | 42 | .hljs-comment, 43 | .hljs-quote, 44 | .hljs-deletion, 45 | .hljs-meta { 46 | color: #777; 47 | } 48 | 49 | .hljs-keyword, 50 | .hljs-selector-tag, 51 | .hljs-literal, 52 | .hljs-title, 53 | .hljs-section, 54 | .hljs-doctag, 55 | .hljs-type, 56 | .hljs-name, 57 | .hljs-strong { 58 | font-weight: bold; 59 | } 60 | 61 | .hljs-emphasis { 62 | font-style: italic; 63 | } 64 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/darkula.css: -------------------------------------------------------------------------------- 1 | /* 2 | Deprecated due to a typo in the name and left here for compatibility purpose only. 3 | Please use darcula.css instead. 4 | */ 5 | 6 | @import url('darcula.css'); 7 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/default.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Original highlight.js style (c) Ivan Sagalaev 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #F0F0F0; 12 | } 13 | 14 | 15 | /* Base color: saturation 0; */ 16 | 17 | .hljs, 18 | .hljs-subst { 19 | color: #444; 20 | } 21 | 22 | .hljs-comment { 23 | color: #888888; 24 | } 25 | 26 | .hljs-keyword, 27 | .hljs-attribute, 28 | .hljs-selector-tag, 29 | .hljs-meta-keyword, 30 | .hljs-doctag, 31 | .hljs-name { 32 | font-weight: bold; 33 | } 34 | 35 | 36 | /* User color: hue: 0 */ 37 | 38 | .hljs-type, 39 | .hljs-string, 40 | .hljs-number, 41 | .hljs-selector-id, 42 | .hljs-selector-class, 43 | .hljs-quote, 44 | .hljs-template-tag, 45 | .hljs-deletion { 46 | color: #880000; 47 | } 48 | 49 | .hljs-title, 50 | .hljs-section { 51 | color: #880000; 52 | font-weight: bold; 53 | } 54 | 55 | .hljs-regexp, 56 | .hljs-symbol, 57 | .hljs-variable, 58 | .hljs-template-variable, 59 | .hljs-link, 60 | .hljs-selector-attr, 61 | .hljs-selector-pseudo { 62 | color: #BC6060; 63 | } 64 | 65 | 66 | /* Language color: hue: 90; */ 67 | 68 | .hljs-literal { 69 | color: #78A960; 70 | } 71 | 72 | .hljs-built_in, 73 | .hljs-bullet, 74 | .hljs-code, 75 | .hljs-addition { 76 | color: #397300; 77 | } 78 | 79 | 80 | /* Meta color: hue: 200 */ 81 | 82 | .hljs-meta { 83 | color: #1f7199; 84 | } 85 | 86 | .hljs-meta-string { 87 | color: #4d99bf; 88 | } 89 | 90 | 91 | /* Misc effects */ 92 | 93 | .hljs-emphasis { 94 | font-style: italic; 95 | } 96 | 97 | .hljs-strong { 98 | font-weight: bold; 99 | } 100 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/docco.css: -------------------------------------------------------------------------------- 1 | /* 2 | Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars) 3 | */ 4 | 5 | .hljs { 6 | display: block; 7 | overflow-x: auto; 8 | padding: 0.5em; 9 | color: #000; 10 | background: #f8f8ff; 11 | } 12 | 13 | .hljs-comment, 14 | .hljs-quote { 15 | color: #408080; 16 | font-style: italic; 17 | } 18 | 19 | .hljs-keyword, 20 | .hljs-selector-tag, 21 | .hljs-literal, 22 | .hljs-subst { 23 | color: #954121; 24 | } 25 | 26 | .hljs-number { 27 | color: #40a070; 28 | } 29 | 30 | .hljs-string, 31 | .hljs-doctag { 32 | color: #219161; 33 | } 34 | 35 | .hljs-selector-id, 36 | .hljs-selector-class, 37 | .hljs-section, 38 | .hljs-type { 39 | color: #19469d; 40 | } 41 | 42 | .hljs-params { 43 | color: #00f; 44 | } 45 | 46 | .hljs-title { 47 | color: #458; 48 | font-weight: bold; 49 | } 50 | 51 | .hljs-tag, 52 | .hljs-name, 53 | .hljs-attribute { 54 | color: #000080; 55 | font-weight: normal; 56 | } 57 | 58 | .hljs-variable, 59 | .hljs-template-variable { 60 | color: #008080; 61 | } 62 | 63 | .hljs-regexp, 64 | .hljs-link { 65 | color: #b68; 66 | } 67 | 68 | .hljs-symbol, 69 | .hljs-bullet { 70 | color: #990073; 71 | } 72 | 73 | .hljs-built_in, 74 | .hljs-builtin-name { 75 | color: #0086b3; 76 | } 77 | 78 | .hljs-meta { 79 | color: #999; 80 | font-weight: bold; 81 | } 82 | 83 | .hljs-deletion { 84 | background: #fdd; 85 | } 86 | 87 | .hljs-addition { 88 | background: #dfd; 89 | } 90 | 91 | .hljs-emphasis { 92 | font-style: italic; 93 | } 94 | 95 | .hljs-strong { 96 | font-weight: bold; 97 | } 98 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/dracula.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Dracula Theme v1.2.0 4 | 5 | https://github.com/zenorocha/dracula-theme 6 | 7 | Copyright 2015, All rights reserved 8 | 9 | Code licensed under the MIT license 10 | http://zenorocha.mit-license.org 11 | 12 | @author Éverton Ribeiro 13 | @author Zeno Rocha 14 | 15 | */ 16 | 17 | .hljs { 18 | display: block; 19 | overflow-x: auto; 20 | padding: 0.5em; 21 | background: #282a36; 22 | } 23 | 24 | .hljs-keyword, 25 | .hljs-selector-tag, 26 | .hljs-literal, 27 | .hljs-section, 28 | .hljs-link { 29 | color: #8be9fd; 30 | } 31 | 32 | .hljs-function .hljs-keyword { 33 | color: #ff79c6; 34 | } 35 | 36 | .hljs, 37 | .hljs-subst { 38 | color: #f8f8f2; 39 | } 40 | 41 | .hljs-string, 42 | .hljs-title, 43 | .hljs-name, 44 | .hljs-type, 45 | .hljs-attribute, 46 | .hljs-symbol, 47 | .hljs-bullet, 48 | .hljs-addition, 49 | .hljs-variable, 50 | .hljs-template-tag, 51 | .hljs-template-variable { 52 | color: #f1fa8c; 53 | } 54 | 55 | .hljs-comment, 56 | .hljs-quote, 57 | .hljs-deletion, 58 | .hljs-meta { 59 | color: #6272a4; 60 | } 61 | 62 | .hljs-keyword, 63 | .hljs-selector-tag, 64 | .hljs-literal, 65 | .hljs-title, 66 | .hljs-section, 67 | .hljs-doctag, 68 | .hljs-type, 69 | .hljs-name, 70 | .hljs-strong { 71 | font-weight: bold; 72 | } 73 | 74 | .hljs-emphasis { 75 | font-style: italic; 76 | } 77 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/far.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | FAR Style (c) MajestiC 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #000080; 12 | } 13 | 14 | .hljs, 15 | .hljs-subst { 16 | color: #0ff; 17 | } 18 | 19 | .hljs-string, 20 | .hljs-attribute, 21 | .hljs-symbol, 22 | .hljs-bullet, 23 | .hljs-built_in, 24 | .hljs-builtin-name, 25 | .hljs-template-tag, 26 | .hljs-template-variable, 27 | .hljs-addition { 28 | color: #ff0; 29 | } 30 | 31 | .hljs-keyword, 32 | .hljs-selector-tag, 33 | .hljs-section, 34 | .hljs-type, 35 | .hljs-name, 36 | .hljs-selector-id, 37 | .hljs-selector-class, 38 | .hljs-variable { 39 | color: #fff; 40 | } 41 | 42 | .hljs-comment, 43 | .hljs-quote, 44 | .hljs-doctag, 45 | .hljs-deletion { 46 | color: #888; 47 | } 48 | 49 | .hljs-number, 50 | .hljs-regexp, 51 | .hljs-literal, 52 | .hljs-link { 53 | color: #0f0; 54 | } 55 | 56 | .hljs-meta { 57 | color: #008080; 58 | } 59 | 60 | .hljs-keyword, 61 | .hljs-selector-tag, 62 | .hljs-title, 63 | .hljs-section, 64 | .hljs-name, 65 | .hljs-strong { 66 | font-weight: bold; 67 | } 68 | 69 | .hljs-emphasis { 70 | font-style: italic; 71 | } 72 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/foundation.css: -------------------------------------------------------------------------------- 1 | /* 2 | Description: Foundation 4 docs style for highlight.js 3 | Author: Dan Allen 4 | Website: http://foundation.zurb.com/docs/ 5 | Version: 1.0 6 | Date: 2013-04-02 7 | */ 8 | 9 | .hljs { 10 | display: block; 11 | overflow-x: auto; 12 | padding: 0.5em; 13 | background: #eee; color: black; 14 | } 15 | 16 | .hljs-link, 17 | .hljs-emphasis, 18 | .hljs-attribute, 19 | .hljs-addition { 20 | color: #070; 21 | } 22 | 23 | .hljs-emphasis { 24 | font-style: italic; 25 | } 26 | 27 | .hljs-strong, 28 | .hljs-string, 29 | .hljs-deletion { 30 | color: #d14; 31 | } 32 | 33 | .hljs-strong { 34 | font-weight: bold; 35 | } 36 | 37 | .hljs-quote, 38 | .hljs-comment { 39 | color: #998; 40 | font-style: italic; 41 | } 42 | 43 | .hljs-section, 44 | .hljs-title { 45 | color: #900; 46 | } 47 | 48 | .hljs-class .hljs-title, 49 | .hljs-type { 50 | color: #458; 51 | } 52 | 53 | .hljs-variable, 54 | .hljs-template-variable { 55 | color: #336699; 56 | } 57 | 58 | .hljs-bullet { 59 | color: #997700; 60 | } 61 | 62 | .hljs-meta { 63 | color: #3344bb; 64 | } 65 | 66 | .hljs-code, 67 | .hljs-number, 68 | .hljs-literal, 69 | .hljs-keyword, 70 | .hljs-selector-tag { 71 | color: #099; 72 | } 73 | 74 | .hljs-regexp { 75 | background-color: #fff0ff; 76 | color: #880088; 77 | } 78 | 79 | .hljs-symbol { 80 | color: #990073; 81 | } 82 | 83 | .hljs-tag, 84 | .hljs-name, 85 | .hljs-selector-id, 86 | .hljs-selector-class { 87 | color: #007700; 88 | } 89 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/github-gist.css: -------------------------------------------------------------------------------- 1 | /** 2 | * GitHub Gist Theme 3 | * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro 4 | */ 5 | 6 | .hljs { 7 | display: block; 8 | background: white; 9 | padding: 0.5em; 10 | color: #333333; 11 | overflow-x: auto; 12 | } 13 | 14 | .hljs-comment, 15 | .hljs-meta { 16 | color: #969896; 17 | } 18 | 19 | .hljs-string, 20 | .hljs-variable, 21 | .hljs-template-variable, 22 | .hljs-strong, 23 | .hljs-emphasis, 24 | .hljs-quote { 25 | color: #df5000; 26 | } 27 | 28 | .hljs-keyword, 29 | .hljs-selector-tag, 30 | .hljs-type { 31 | color: #a71d5d; 32 | } 33 | 34 | .hljs-literal, 35 | .hljs-symbol, 36 | .hljs-bullet, 37 | .hljs-attribute { 38 | color: #0086b3; 39 | } 40 | 41 | .hljs-section, 42 | .hljs-name { 43 | color: #63a35c; 44 | } 45 | 46 | .hljs-tag { 47 | color: #333333; 48 | } 49 | 50 | .hljs-title, 51 | .hljs-attr, 52 | .hljs-selector-id, 53 | .hljs-selector-class, 54 | .hljs-selector-attr, 55 | .hljs-selector-pseudo { 56 | color: #795da3; 57 | } 58 | 59 | .hljs-addition { 60 | color: #55a532; 61 | background-color: #eaffea; 62 | } 63 | 64 | .hljs-deletion { 65 | color: #bd2c00; 66 | background-color: #ffecec; 67 | } 68 | 69 | .hljs-link { 70 | text-decoration: underline; 71 | } 72 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/github.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | github.com style (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | color: #333; 12 | background: #f8f8f8; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #998; 18 | font-style: italic; 19 | } 20 | 21 | .hljs-keyword, 22 | .hljs-selector-tag, 23 | .hljs-subst { 24 | color: #333; 25 | font-weight: bold; 26 | } 27 | 28 | .hljs-number, 29 | .hljs-literal, 30 | .hljs-variable, 31 | .hljs-template-variable, 32 | .hljs-tag .hljs-attr { 33 | color: #008080; 34 | } 35 | 36 | .hljs-string, 37 | .hljs-doctag { 38 | color: #d14; 39 | } 40 | 41 | .hljs-title, 42 | .hljs-section, 43 | .hljs-selector-id { 44 | color: #900; 45 | font-weight: bold; 46 | } 47 | 48 | .hljs-subst { 49 | font-weight: normal; 50 | } 51 | 52 | .hljs-type, 53 | .hljs-class .hljs-title { 54 | color: #458; 55 | font-weight: bold; 56 | } 57 | 58 | .hljs-tag, 59 | .hljs-name, 60 | .hljs-attribute { 61 | color: #000080; 62 | font-weight: normal; 63 | } 64 | 65 | .hljs-regexp, 66 | .hljs-link { 67 | color: #009926; 68 | } 69 | 70 | .hljs-symbol, 71 | .hljs-bullet { 72 | color: #990073; 73 | } 74 | 75 | .hljs-built_in, 76 | .hljs-builtin-name { 77 | color: #0086b3; 78 | } 79 | 80 | .hljs-meta { 81 | color: #999; 82 | font-weight: bold; 83 | } 84 | 85 | .hljs-deletion { 86 | background: #fdd; 87 | } 88 | 89 | .hljs-addition { 90 | background: #dfd; 91 | } 92 | 93 | .hljs-emphasis { 94 | font-style: italic; 95 | } 96 | 97 | .hljs-strong { 98 | font-weight: bold; 99 | } 100 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/googlecode.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Google Code style (c) Aahan Krish 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: white; 12 | color: black; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #800; 18 | } 19 | 20 | .hljs-keyword, 21 | .hljs-selector-tag, 22 | .hljs-section, 23 | .hljs-title, 24 | .hljs-name { 25 | color: #008; 26 | } 27 | 28 | .hljs-variable, 29 | .hljs-template-variable { 30 | color: #660; 31 | } 32 | 33 | .hljs-string, 34 | .hljs-selector-attr, 35 | .hljs-selector-pseudo, 36 | .hljs-regexp { 37 | color: #080; 38 | } 39 | 40 | .hljs-literal, 41 | .hljs-symbol, 42 | .hljs-bullet, 43 | .hljs-meta, 44 | .hljs-number, 45 | .hljs-link { 46 | color: #066; 47 | } 48 | 49 | .hljs-title, 50 | .hljs-doctag, 51 | .hljs-type, 52 | .hljs-attr, 53 | .hljs-built_in, 54 | .hljs-builtin-name, 55 | .hljs-params { 56 | color: #606; 57 | } 58 | 59 | .hljs-attribute, 60 | .hljs-subst { 61 | color: #000; 62 | } 63 | 64 | .hljs-formula { 65 | background-color: #eee; 66 | font-style: italic; 67 | } 68 | 69 | .hljs-selector-id, 70 | .hljs-selector-class { 71 | color: #9B703F 72 | } 73 | 74 | .hljs-addition { 75 | background-color: #baeeba; 76 | } 77 | 78 | .hljs-deletion { 79 | background-color: #ffc8bd; 80 | } 81 | 82 | .hljs-doctag, 83 | .hljs-strong { 84 | font-weight: bold; 85 | } 86 | 87 | .hljs-emphasis { 88 | font-style: italic; 89 | } 90 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/hopscotch.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Hopscotch 3 | * by Jan T. Sott 4 | * https://github.com/idleberg/Hopscotch 5 | * 6 | * This work is licensed under the Creative Commons CC0 1.0 Universal License 7 | */ 8 | 9 | /* Comment */ 10 | .hljs-comment, 11 | .hljs-quote { 12 | color: #989498; 13 | } 14 | 15 | /* Red */ 16 | .hljs-variable, 17 | .hljs-template-variable, 18 | .hljs-attribute, 19 | .hljs-tag, 20 | .hljs-name, 21 | .hljs-selector-id, 22 | .hljs-selector-class, 23 | .hljs-regexp, 24 | .hljs-link, 25 | .hljs-deletion { 26 | color: #dd464c; 27 | } 28 | 29 | /* Orange */ 30 | .hljs-number, 31 | .hljs-built_in, 32 | .hljs-builtin-name, 33 | .hljs-literal, 34 | .hljs-type, 35 | .hljs-params { 36 | color: #fd8b19; 37 | } 38 | 39 | /* Yellow */ 40 | .hljs-class .hljs-title { 41 | color: #fdcc59; 42 | } 43 | 44 | /* Green */ 45 | .hljs-string, 46 | .hljs-symbol, 47 | .hljs-bullet, 48 | .hljs-addition { 49 | color: #8fc13e; 50 | } 51 | 52 | /* Aqua */ 53 | .hljs-meta { 54 | color: #149b93; 55 | } 56 | 57 | /* Blue */ 58 | .hljs-function, 59 | .hljs-section, 60 | .hljs-title { 61 | color: #1290bf; 62 | } 63 | 64 | /* Purple */ 65 | .hljs-keyword, 66 | .hljs-selector-tag { 67 | color: #c85e7c; 68 | } 69 | 70 | .hljs { 71 | display: block; 72 | background: #322931; 73 | color: #b9b5b8; 74 | padding: 0.5em; 75 | } 76 | 77 | .hljs-emphasis { 78 | font-style: italic; 79 | } 80 | 81 | .hljs-strong { 82 | font-weight: bold; 83 | } 84 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/idea.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Intellij Idea-like styling (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | color: #000; 12 | background: #fff; 13 | } 14 | 15 | .hljs-subst, 16 | .hljs-title { 17 | font-weight: normal; 18 | color: #000; 19 | } 20 | 21 | .hljs-comment, 22 | .hljs-quote { 23 | color: #808080; 24 | font-style: italic; 25 | } 26 | 27 | .hljs-meta { 28 | color: #808000; 29 | } 30 | 31 | .hljs-tag { 32 | background: #efefef; 33 | } 34 | 35 | .hljs-section, 36 | .hljs-name, 37 | .hljs-literal, 38 | .hljs-keyword, 39 | .hljs-selector-tag, 40 | .hljs-type, 41 | .hljs-selector-id, 42 | .hljs-selector-class { 43 | font-weight: bold; 44 | color: #000080; 45 | } 46 | 47 | .hljs-attribute, 48 | .hljs-number, 49 | .hljs-regexp, 50 | .hljs-link { 51 | font-weight: bold; 52 | color: #0000ff; 53 | } 54 | 55 | .hljs-number, 56 | .hljs-regexp, 57 | .hljs-link { 58 | font-weight: normal; 59 | } 60 | 61 | .hljs-string { 62 | color: #008000; 63 | font-weight: bold; 64 | } 65 | 66 | .hljs-symbol, 67 | .hljs-bullet, 68 | .hljs-formula { 69 | color: #000; 70 | background: #d0eded; 71 | font-style: italic; 72 | } 73 | 74 | .hljs-doctag { 75 | text-decoration: underline; 76 | } 77 | 78 | .hljs-variable, 79 | .hljs-template-variable { 80 | color: #660e7a; 81 | } 82 | 83 | .hljs-addition { 84 | background: #baeeba; 85 | } 86 | 87 | .hljs-deletion { 88 | background: #ffc8bd; 89 | } 90 | 91 | .hljs-emphasis { 92 | font-style: italic; 93 | } 94 | 95 | .hljs-strong { 96 | font-weight: bold; 97 | } 98 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/ir-black.css: -------------------------------------------------------------------------------- 1 | /* 2 | IR_Black style (c) Vasily Mikhailitchenko 3 | */ 4 | 5 | .hljs { 6 | display: block; 7 | overflow-x: auto; 8 | padding: 0.5em; 9 | background: #000; 10 | color: #f8f8f8; 11 | } 12 | 13 | .hljs-comment, 14 | .hljs-quote, 15 | .hljs-meta { 16 | color: #7c7c7c; 17 | } 18 | 19 | .hljs-keyword, 20 | .hljs-selector-tag, 21 | .hljs-tag, 22 | .hljs-name { 23 | color: #96cbfe; 24 | } 25 | 26 | .hljs-attribute, 27 | .hljs-selector-id { 28 | color: #ffffb6; 29 | } 30 | 31 | .hljs-string, 32 | .hljs-selector-attr, 33 | .hljs-selector-pseudo, 34 | .hljs-addition { 35 | color: #a8ff60; 36 | } 37 | 38 | .hljs-subst { 39 | color: #daefa3; 40 | } 41 | 42 | .hljs-regexp, 43 | .hljs-link { 44 | color: #e9c062; 45 | } 46 | 47 | .hljs-title, 48 | .hljs-section, 49 | .hljs-type, 50 | .hljs-doctag { 51 | color: #ffffb6; 52 | } 53 | 54 | .hljs-symbol, 55 | .hljs-bullet, 56 | .hljs-variable, 57 | .hljs-template-variable, 58 | .hljs-literal { 59 | color: #c6c5fe; 60 | } 61 | 62 | .hljs-number, 63 | .hljs-deletion { 64 | color:#ff73fd; 65 | } 66 | 67 | .hljs-emphasis { 68 | font-style: italic; 69 | } 70 | 71 | .hljs-strong { 72 | font-weight: bold; 73 | } 74 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/kimbie.dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | Name: Kimbie (dark) 3 | Author: Jan T. Sott 4 | License: Creative Commons Attribution-ShareAlike 4.0 Unported License 5 | URL: https://github.com/idleberg/Kimbie-highlight.js 6 | */ 7 | 8 | /* Kimbie Comment */ 9 | .hljs-comment, 10 | .hljs-quote { 11 | color: #d6baad; 12 | } 13 | 14 | /* Kimbie Red */ 15 | .hljs-variable, 16 | .hljs-template-variable, 17 | .hljs-tag, 18 | .hljs-name, 19 | .hljs-selector-id, 20 | .hljs-selector-class, 21 | .hljs-regexp, 22 | .hljs-meta { 23 | color: #dc3958; 24 | } 25 | 26 | /* Kimbie Orange */ 27 | .hljs-number, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params, 33 | .hljs-deletion, 34 | .hljs-link { 35 | color: #f79a32; 36 | } 37 | 38 | /* Kimbie Yellow */ 39 | .hljs-title, 40 | .hljs-section, 41 | .hljs-attribute { 42 | color: #f06431; 43 | } 44 | 45 | /* Kimbie Green */ 46 | .hljs-string, 47 | .hljs-symbol, 48 | .hljs-bullet, 49 | .hljs-addition { 50 | color: #889b4a; 51 | } 52 | 53 | /* Kimbie Purple */ 54 | .hljs-keyword, 55 | .hljs-selector-tag, 56 | .hljs-function { 57 | color: #98676a; 58 | } 59 | 60 | .hljs { 61 | display: block; 62 | overflow-x: auto; 63 | background: #221a0f; 64 | color: #d3af86; 65 | padding: 0.5em; 66 | } 67 | 68 | .hljs-emphasis { 69 | font-style: italic; 70 | } 71 | 72 | .hljs-strong { 73 | font-weight: bold; 74 | } 75 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/kimbie.light.css: -------------------------------------------------------------------------------- 1 | /* 2 | Name: Kimbie (light) 3 | Author: Jan T. Sott 4 | License: Creative Commons Attribution-ShareAlike 4.0 Unported License 5 | URL: https://github.com/idleberg/Kimbie-highlight.js 6 | */ 7 | 8 | /* Kimbie Comment */ 9 | .hljs-comment, 10 | .hljs-quote { 11 | color: #a57a4c; 12 | } 13 | 14 | /* Kimbie Red */ 15 | .hljs-variable, 16 | .hljs-template-variable, 17 | .hljs-tag, 18 | .hljs-name, 19 | .hljs-selector-id, 20 | .hljs-selector-class, 21 | .hljs-regexp, 22 | .hljs-meta { 23 | color: #dc3958; 24 | } 25 | 26 | /* Kimbie Orange */ 27 | .hljs-number, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params, 33 | .hljs-deletion, 34 | .hljs-link { 35 | color: #f79a32; 36 | } 37 | 38 | /* Kimbie Yellow */ 39 | .hljs-title, 40 | .hljs-section, 41 | .hljs-attribute { 42 | color: #f06431; 43 | } 44 | 45 | /* Kimbie Green */ 46 | .hljs-string, 47 | .hljs-symbol, 48 | .hljs-bullet, 49 | .hljs-addition { 50 | color: #889b4a; 51 | } 52 | 53 | /* Kimbie Purple */ 54 | .hljs-keyword, 55 | .hljs-selector-tag, 56 | .hljs-function { 57 | color: #98676a; 58 | } 59 | 60 | .hljs { 61 | display: block; 62 | overflow-x: auto; 63 | background: #fbebd4; 64 | color: #84613d; 65 | padding: 0.5em; 66 | } 67 | 68 | .hljs-emphasis { 69 | font-style: italic; 70 | } 71 | 72 | .hljs-strong { 73 | font-weight: bold; 74 | } 75 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/magula.css: -------------------------------------------------------------------------------- 1 | /* 2 | Description: Magula style for highligh.js 3 | Author: Ruslan Keba 4 | Website: http://rukeba.com/ 5 | Version: 1.0 6 | Date: 2009-01-03 7 | Music: Aphex Twin / Xtal 8 | */ 9 | 10 | .hljs { 11 | display: block; 12 | overflow-x: auto; 13 | padding: 0.5em; 14 | background-color: #f4f4f4; 15 | } 16 | 17 | .hljs, 18 | .hljs-subst { 19 | color: black; 20 | } 21 | 22 | .hljs-string, 23 | .hljs-title, 24 | .hljs-symbol, 25 | .hljs-bullet, 26 | .hljs-attribute, 27 | .hljs-addition, 28 | .hljs-variable, 29 | .hljs-template-tag, 30 | .hljs-template-variable { 31 | color: #050; 32 | } 33 | 34 | .hljs-comment, 35 | .hljs-quote { 36 | color: #777; 37 | } 38 | 39 | .hljs-number, 40 | .hljs-regexp, 41 | .hljs-literal, 42 | .hljs-type, 43 | .hljs-link { 44 | color: #800; 45 | } 46 | 47 | .hljs-deletion, 48 | .hljs-meta { 49 | color: #00e; 50 | } 51 | 52 | .hljs-keyword, 53 | .hljs-selector-tag, 54 | .hljs-doctag, 55 | .hljs-title, 56 | .hljs-section, 57 | .hljs-built_in, 58 | .hljs-tag, 59 | .hljs-name { 60 | font-weight: bold; 61 | color: navy; 62 | } 63 | 64 | .hljs-emphasis { 65 | font-style: italic; 66 | } 67 | 68 | .hljs-strong { 69 | font-weight: bold; 70 | } 71 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/mono-blue.css: -------------------------------------------------------------------------------- 1 | /* 2 | Five-color theme from a single blue hue. 3 | */ 4 | .hljs { 5 | display: block; 6 | overflow-x: auto; 7 | padding: 0.5em; 8 | background: #eaeef3; 9 | } 10 | 11 | .hljs { 12 | color: #00193a; 13 | } 14 | 15 | .hljs-keyword, 16 | .hljs-selector-tag, 17 | .hljs-title, 18 | .hljs-section, 19 | .hljs-doctag, 20 | .hljs-name, 21 | .hljs-strong { 22 | font-weight: bold; 23 | } 24 | 25 | .hljs-comment { 26 | color: #738191; 27 | } 28 | 29 | .hljs-string, 30 | .hljs-title, 31 | .hljs-section, 32 | .hljs-built_in, 33 | .hljs-literal, 34 | .hljs-type, 35 | .hljs-addition, 36 | .hljs-tag, 37 | .hljs-quote, 38 | .hljs-name, 39 | .hljs-selector-id, 40 | .hljs-selector-class { 41 | color: #0048ab; 42 | } 43 | 44 | .hljs-meta, 45 | .hljs-subst, 46 | .hljs-symbol, 47 | .hljs-regexp, 48 | .hljs-attribute, 49 | .hljs-deletion, 50 | .hljs-variable, 51 | .hljs-template-variable, 52 | .hljs-link, 53 | .hljs-bullet { 54 | color: #4c81c9; 55 | } 56 | 57 | .hljs-emphasis { 58 | font-style: italic; 59 | } 60 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/monokai-sublime.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/ 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #23241f; 12 | } 13 | 14 | .hljs, 15 | .hljs-tag, 16 | .hljs-subst { 17 | color: #f8f8f2; 18 | } 19 | 20 | .hljs-strong, 21 | .hljs-emphasis { 22 | color: #a8a8a2; 23 | } 24 | 25 | .hljs-bullet, 26 | .hljs-quote, 27 | .hljs-number, 28 | .hljs-regexp, 29 | .hljs-literal, 30 | .hljs-link { 31 | color: #ae81ff; 32 | } 33 | 34 | .hljs-code, 35 | .hljs-title, 36 | .hljs-section, 37 | .hljs-selector-class { 38 | color: #a6e22e; 39 | } 40 | 41 | .hljs-strong { 42 | font-weight: bold; 43 | } 44 | 45 | .hljs-emphasis { 46 | font-style: italic; 47 | } 48 | 49 | .hljs-keyword, 50 | .hljs-selector-tag, 51 | .hljs-name, 52 | .hljs-attr { 53 | color: #f92672; 54 | } 55 | 56 | .hljs-symbol, 57 | .hljs-attribute { 58 | color: #66d9ef; 59 | } 60 | 61 | .hljs-params, 62 | .hljs-class .hljs-title { 63 | color: #f8f8f2; 64 | } 65 | 66 | .hljs-string, 67 | .hljs-type, 68 | .hljs-built_in, 69 | .hljs-builtin-name, 70 | .hljs-selector-id, 71 | .hljs-selector-attr, 72 | .hljs-selector-pseudo, 73 | .hljs-addition, 74 | .hljs-variable, 75 | .hljs-template-variable { 76 | color: #e6db74; 77 | } 78 | 79 | .hljs-comment, 80 | .hljs-deletion, 81 | .hljs-meta { 82 | color: #75715e; 83 | } 84 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/monokai.css: -------------------------------------------------------------------------------- 1 | /* 2 | Monokai style - ported by Luigi Maselli - http://grigio.org 3 | */ 4 | 5 | .hljs { 6 | display: block; 7 | overflow-x: auto; 8 | padding: 0.5em; 9 | background: #272822; color: #ddd; 10 | } 11 | 12 | .hljs-tag, 13 | .hljs-keyword, 14 | .hljs-selector-tag, 15 | .hljs-literal, 16 | .hljs-strong, 17 | .hljs-name { 18 | color: #f92672; 19 | } 20 | 21 | .hljs-code { 22 | color: #66d9ef; 23 | } 24 | 25 | .hljs-class .hljs-title { 26 | color: white; 27 | } 28 | 29 | .hljs-attribute, 30 | .hljs-symbol, 31 | .hljs-regexp, 32 | .hljs-link { 33 | color: #bf79db; 34 | } 35 | 36 | .hljs-string, 37 | .hljs-bullet, 38 | .hljs-subst, 39 | .hljs-title, 40 | .hljs-section, 41 | .hljs-emphasis, 42 | .hljs-type, 43 | .hljs-built_in, 44 | .hljs-builtin-name, 45 | .hljs-selector-attr, 46 | .hljs-selector-pseudo, 47 | .hljs-addition, 48 | .hljs-variable, 49 | .hljs-template-tag, 50 | .hljs-template-variable { 51 | color: #a6e22e; 52 | } 53 | 54 | .hljs-comment, 55 | .hljs-quote, 56 | .hljs-deletion, 57 | .hljs-meta { 58 | color: #75715e; 59 | } 60 | 61 | .hljs-keyword, 62 | .hljs-selector-tag, 63 | .hljs-literal, 64 | .hljs-doctag, 65 | .hljs-title, 66 | .hljs-section, 67 | .hljs-type, 68 | .hljs-selector-id { 69 | font-weight: bold; 70 | } 71 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/obsidian.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Obsidian style 3 | * ported by Alexander Marenin (http://github.com/ioncreature) 4 | */ 5 | 6 | .hljs { 7 | display: block; 8 | overflow-x: auto; 9 | padding: 0.5em; 10 | background: #282b2e; 11 | } 12 | 13 | .hljs-keyword, 14 | .hljs-selector-tag, 15 | .hljs-literal, 16 | .hljs-selector-id { 17 | color: #93c763; 18 | } 19 | 20 | .hljs-number { 21 | color: #ffcd22; 22 | } 23 | 24 | .hljs { 25 | color: #e0e2e4; 26 | } 27 | 28 | .hljs-attribute { 29 | color: #668bb0; 30 | } 31 | 32 | .hljs-code, 33 | .hljs-class .hljs-title, 34 | .hljs-section { 35 | color: white; 36 | } 37 | 38 | .hljs-regexp, 39 | .hljs-link { 40 | color: #d39745; 41 | } 42 | 43 | .hljs-meta { 44 | color: #557182; 45 | } 46 | 47 | .hljs-tag, 48 | .hljs-name, 49 | .hljs-bullet, 50 | .hljs-subst, 51 | .hljs-emphasis, 52 | .hljs-type, 53 | .hljs-built_in, 54 | .hljs-selector-attr, 55 | .hljs-selector-pseudo, 56 | .hljs-addition, 57 | .hljs-variable, 58 | .hljs-template-tag, 59 | .hljs-template-variable { 60 | color: #8cbbad; 61 | } 62 | 63 | .hljs-string, 64 | .hljs-symbol { 65 | color: #ec7600; 66 | } 67 | 68 | .hljs-comment, 69 | .hljs-quote, 70 | .hljs-deletion { 71 | color: #818e96; 72 | } 73 | 74 | .hljs-selector-class { 75 | color: #A082BD 76 | } 77 | 78 | .hljs-keyword, 79 | .hljs-selector-tag, 80 | .hljs-literal, 81 | .hljs-doctag, 82 | .hljs-title, 83 | .hljs-section, 84 | .hljs-type, 85 | .hljs-name, 86 | .hljs-strong { 87 | font-weight: bold; 88 | } 89 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/ocean.css: -------------------------------------------------------------------------------- 1 | /* Ocean Dark Theme */ 2 | /* https://github.com/gavsiu */ 3 | /* Original theme - https://github.com/chriskempson/base16 */ 4 | 5 | /* Ocean Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #65737e; 9 | } 10 | 11 | /* Ocean Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-tag, 15 | .hljs-name, 16 | .hljs-selector-id, 17 | .hljs-selector-class, 18 | .hljs-regexp, 19 | .hljs-deletion { 20 | color: #bf616a; 21 | } 22 | 23 | /* Ocean Orange */ 24 | .hljs-number, 25 | .hljs-built_in, 26 | .hljs-builtin-name, 27 | .hljs-literal, 28 | .hljs-type, 29 | .hljs-params, 30 | .hljs-meta, 31 | .hljs-link { 32 | color: #d08770; 33 | } 34 | 35 | /* Ocean Yellow */ 36 | .hljs-attribute { 37 | color: #ebcb8b; 38 | } 39 | 40 | /* Ocean Green */ 41 | .hljs-string, 42 | .hljs-symbol, 43 | .hljs-bullet, 44 | .hljs-addition { 45 | color: #a3be8c; 46 | } 47 | 48 | /* Ocean Blue */ 49 | .hljs-title, 50 | .hljs-section { 51 | color: #8fa1b3; 52 | } 53 | 54 | /* Ocean Purple */ 55 | .hljs-keyword, 56 | .hljs-selector-tag { 57 | color: #b48ead; 58 | } 59 | 60 | .hljs { 61 | display: block; 62 | overflow-x: auto; 63 | background: #2b303b; 64 | color: #c0c5ce; 65 | padding: 0.5em; 66 | } 67 | 68 | .hljs-emphasis { 69 | font-style: italic; 70 | } 71 | 72 | .hljs-strong { 73 | font-weight: bold; 74 | } 75 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/paraiso-dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | Paraíso (dark) 3 | Created by Jan T. Sott (http://github.com/idleberg) 4 | Inspired by the art of Rubens LP (http://www.rubenslp.com.br) 5 | */ 6 | 7 | /* Paraíso Comment */ 8 | .hljs-comment, 9 | .hljs-quote { 10 | color: #8d8687; 11 | } 12 | 13 | /* Paraíso Red */ 14 | .hljs-variable, 15 | .hljs-template-variable, 16 | .hljs-tag, 17 | .hljs-name, 18 | .hljs-selector-id, 19 | .hljs-selector-class, 20 | .hljs-regexp, 21 | .hljs-link, 22 | .hljs-meta { 23 | color: #ef6155; 24 | } 25 | 26 | /* Paraíso Orange */ 27 | .hljs-number, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params, 33 | .hljs-deletion { 34 | color: #f99b15; 35 | } 36 | 37 | /* Paraíso Yellow */ 38 | .hljs-title, 39 | .hljs-section, 40 | .hljs-attribute { 41 | color: #fec418; 42 | } 43 | 44 | /* Paraíso Green */ 45 | .hljs-string, 46 | .hljs-symbol, 47 | .hljs-bullet, 48 | .hljs-addition { 49 | color: #48b685; 50 | } 51 | 52 | /* Paraíso Purple */ 53 | .hljs-keyword, 54 | .hljs-selector-tag { 55 | color: #815ba4; 56 | } 57 | 58 | .hljs { 59 | display: block; 60 | overflow-x: auto; 61 | background: #2f1e2e; 62 | color: #a39e9b; 63 | padding: 0.5em; 64 | } 65 | 66 | .hljs-emphasis { 67 | font-style: italic; 68 | } 69 | 70 | .hljs-strong { 71 | font-weight: bold; 72 | } 73 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/paraiso-light.css: -------------------------------------------------------------------------------- 1 | /* 2 | Paraíso (light) 3 | Created by Jan T. Sott (http://github.com/idleberg) 4 | Inspired by the art of Rubens LP (http://www.rubenslp.com.br) 5 | */ 6 | 7 | /* Paraíso Comment */ 8 | .hljs-comment, 9 | .hljs-quote { 10 | color: #776e71; 11 | } 12 | 13 | /* Paraíso Red */ 14 | .hljs-variable, 15 | .hljs-template-variable, 16 | .hljs-tag, 17 | .hljs-name, 18 | .hljs-selector-id, 19 | .hljs-selector-class, 20 | .hljs-regexp, 21 | .hljs-link, 22 | .hljs-meta { 23 | color: #ef6155; 24 | } 25 | 26 | /* Paraíso Orange */ 27 | .hljs-number, 28 | .hljs-built_in, 29 | .hljs-builtin-name, 30 | .hljs-literal, 31 | .hljs-type, 32 | .hljs-params, 33 | .hljs-deletion { 34 | color: #f99b15; 35 | } 36 | 37 | /* Paraíso Yellow */ 38 | .hljs-title, 39 | .hljs-section, 40 | .hljs-attribute { 41 | color: #fec418; 42 | } 43 | 44 | /* Paraíso Green */ 45 | .hljs-string, 46 | .hljs-symbol, 47 | .hljs-bullet, 48 | .hljs-addition { 49 | color: #48b685; 50 | } 51 | 52 | /* Paraíso Purple */ 53 | .hljs-keyword, 54 | .hljs-selector-tag { 55 | color: #815ba4; 56 | } 57 | 58 | .hljs { 59 | display: block; 60 | overflow-x: auto; 61 | background: #e7e9db; 62 | color: #4f424c; 63 | padding: 0.5em; 64 | } 65 | 66 | .hljs-emphasis { 67 | font-style: italic; 68 | } 69 | 70 | .hljs-strong { 71 | font-weight: bold; 72 | } 73 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/pojoaque.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Pojoaque Style by Jason Tate 4 | http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html 5 | Based on Solarized Style from http://ethanschoonover.com/solarized 6 | 7 | */ 8 | 9 | .hljs { 10 | display: block; 11 | overflow-x: auto; 12 | padding: 0.5em; 13 | color: #dccf8f; 14 | background: url(./pojoaque.jpg) repeat scroll left top #181914; 15 | } 16 | 17 | .hljs-comment, 18 | .hljs-quote { 19 | color: #586e75; 20 | font-style: italic; 21 | } 22 | 23 | .hljs-keyword, 24 | .hljs-selector-tag, 25 | .hljs-literal, 26 | .hljs-addition { 27 | color: #b64926; 28 | } 29 | 30 | .hljs-number, 31 | .hljs-string, 32 | .hljs-doctag, 33 | .hljs-regexp { 34 | color: #468966; 35 | } 36 | 37 | .hljs-title, 38 | .hljs-section, 39 | .hljs-built_in, 40 | .hljs-name { 41 | color: #ffb03b; 42 | } 43 | 44 | .hljs-variable, 45 | .hljs-template-variable, 46 | .hljs-class .hljs-title, 47 | .hljs-type, 48 | .hljs-tag { 49 | color: #b58900; 50 | } 51 | 52 | .hljs-attribute { 53 | color: #b89859; 54 | } 55 | 56 | .hljs-symbol, 57 | .hljs-bullet, 58 | .hljs-link, 59 | .hljs-subst, 60 | .hljs-meta { 61 | color: #cb4b16; 62 | } 63 | 64 | .hljs-deletion { 65 | color: #dc322f; 66 | } 67 | 68 | .hljs-selector-id, 69 | .hljs-selector-class { 70 | color: #d3a60c; 71 | } 72 | 73 | .hljs-formula { 74 | background: #073642; 75 | } 76 | 77 | .hljs-emphasis { 78 | font-style: italic; 79 | } 80 | 81 | .hljs-strong { 82 | font-weight: bold; 83 | } 84 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/pojoaque.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/highlight.js/pojoaque.jpg -------------------------------------------------------------------------------- /packages/website/public/highlight.js/qtcreator_dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Qt Creator dark color scheme 4 | 5 | */ 6 | 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #000000; 13 | } 14 | 15 | .hljs, 16 | .hljs-subst, 17 | .hljs-tag, 18 | .hljs-title { 19 | color: #aaaaaa; 20 | } 21 | 22 | .hljs-strong, 23 | .hljs-emphasis { 24 | color: #a8a8a2; 25 | } 26 | 27 | .hljs-bullet, 28 | .hljs-quote, 29 | .hljs-number, 30 | .hljs-regexp, 31 | .hljs-literal { 32 | color: #ff55ff; 33 | } 34 | 35 | .hljs-code 36 | .hljs-selector-class { 37 | color: #aaaaff; 38 | } 39 | 40 | .hljs-emphasis, 41 | .hljs-stronge, 42 | .hljs-type { 43 | font-style: italic; 44 | } 45 | 46 | .hljs-keyword, 47 | .hljs-selector-tag, 48 | .hljs-function, 49 | .hljs-section, 50 | .hljs-symbol, 51 | .hljs-name { 52 | color: #ffff55; 53 | } 54 | 55 | .hljs-attribute { 56 | color: #ff5555; 57 | } 58 | 59 | .hljs-variable, 60 | .hljs-params, 61 | .hljs-class .hljs-title { 62 | color: #8888ff; 63 | } 64 | 65 | .hljs-string, 66 | .hljs-selector-id, 67 | .hljs-selector-attr, 68 | .hljs-selector-pseudo, 69 | .hljs-type, 70 | .hljs-built_in, 71 | .hljs-builtin-name, 72 | .hljs-template-tag, 73 | .hljs-template-variable, 74 | .hljs-addition, 75 | .hljs-link { 76 | color: #ff55ff; 77 | } 78 | 79 | .hljs-comment, 80 | .hljs-meta, 81 | .hljs-deletion { 82 | color: #55ffff; 83 | } 84 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/qtcreator_light.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Qt Creator light color scheme 4 | 5 | */ 6 | 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #ffffff; 13 | } 14 | 15 | .hljs, 16 | .hljs-subst, 17 | .hljs-tag, 18 | .hljs-title { 19 | color: #000000; 20 | } 21 | 22 | .hljs-strong, 23 | .hljs-emphasis { 24 | color: #000000; 25 | } 26 | 27 | .hljs-bullet, 28 | .hljs-quote, 29 | .hljs-number, 30 | .hljs-regexp, 31 | .hljs-literal { 32 | color: #000080; 33 | } 34 | 35 | .hljs-code 36 | .hljs-selector-class { 37 | color: #800080; 38 | } 39 | 40 | .hljs-emphasis, 41 | .hljs-stronge, 42 | .hljs-type { 43 | font-style: italic; 44 | } 45 | 46 | .hljs-keyword, 47 | .hljs-selector-tag, 48 | .hljs-function, 49 | .hljs-section, 50 | .hljs-symbol, 51 | .hljs-name { 52 | color: #808000; 53 | } 54 | 55 | .hljs-attribute { 56 | color: #800000; 57 | } 58 | 59 | .hljs-variable, 60 | .hljs-params, 61 | .hljs-class .hljs-title { 62 | color: #0055AF; 63 | } 64 | 65 | .hljs-string, 66 | .hljs-selector-id, 67 | .hljs-selector-attr, 68 | .hljs-selector-pseudo, 69 | .hljs-type, 70 | .hljs-built_in, 71 | .hljs-builtin-name, 72 | .hljs-template-tag, 73 | .hljs-template-variable, 74 | .hljs-addition, 75 | .hljs-link { 76 | color: #008000; 77 | } 78 | 79 | .hljs-comment, 80 | .hljs-meta, 81 | .hljs-deletion { 82 | color: #008000; 83 | } 84 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/railscasts.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Railscasts-like style (c) Visoft, Inc. (Damien White) 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #232323; 12 | color: #e6e1dc; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #bc9458; 18 | font-style: italic; 19 | } 20 | 21 | .hljs-keyword, 22 | .hljs-selector-tag { 23 | color: #c26230; 24 | } 25 | 26 | .hljs-string, 27 | .hljs-number, 28 | .hljs-regexp, 29 | .hljs-variable, 30 | .hljs-template-variable { 31 | color: #a5c261; 32 | } 33 | 34 | .hljs-subst { 35 | color: #519f50; 36 | } 37 | 38 | .hljs-tag, 39 | .hljs-name { 40 | color: #e8bf6a; 41 | } 42 | 43 | .hljs-type { 44 | color: #da4939; 45 | } 46 | 47 | 48 | .hljs-symbol, 49 | .hljs-bullet, 50 | .hljs-built_in, 51 | .hljs-builtin-name, 52 | .hljs-attr, 53 | .hljs-link { 54 | color: #6d9cbe; 55 | } 56 | 57 | .hljs-params { 58 | color: #d0d0ff; 59 | } 60 | 61 | .hljs-attribute { 62 | color: #cda869; 63 | } 64 | 65 | .hljs-meta { 66 | color: #9b859d; 67 | } 68 | 69 | .hljs-title, 70 | .hljs-section { 71 | color: #ffc66d; 72 | } 73 | 74 | .hljs-addition { 75 | background-color: #144212; 76 | color: #e6e1dc; 77 | display: inline-block; 78 | width: 100%; 79 | } 80 | 81 | .hljs-deletion { 82 | background-color: #600; 83 | color: #e6e1dc; 84 | display: inline-block; 85 | width: 100%; 86 | } 87 | 88 | .hljs-selector-class { 89 | color: #9b703f; 90 | } 91 | 92 | .hljs-selector-id { 93 | color: #8b98ab; 94 | } 95 | 96 | .hljs-emphasis { 97 | font-style: italic; 98 | } 99 | 100 | .hljs-strong { 101 | font-weight: bold; 102 | } 103 | 104 | .hljs-link { 105 | text-decoration: underline; 106 | } 107 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/rainbow.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Style with support for rainbow parens 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #474949; 12 | color: #d1d9e1; 13 | } 14 | 15 | 16 | .hljs-comment, 17 | .hljs-quote { 18 | color: #969896; 19 | font-style: italic; 20 | } 21 | 22 | .hljs-keyword, 23 | .hljs-selector-tag, 24 | .hljs-literal, 25 | .hljs-type, 26 | .hljs-addition { 27 | color: #cc99cc; 28 | } 29 | 30 | .hljs-number, 31 | .hljs-selector-attr, 32 | .hljs-selector-pseudo { 33 | color: #f99157; 34 | } 35 | 36 | .hljs-string, 37 | .hljs-doctag, 38 | .hljs-regexp { 39 | color: #8abeb7; 40 | } 41 | 42 | .hljs-title, 43 | .hljs-name, 44 | .hljs-section, 45 | .hljs-built_in { 46 | color: #b5bd68; 47 | } 48 | 49 | .hljs-variable, 50 | .hljs-template-variable, 51 | .hljs-selector-id, 52 | .hljs-class .hljs-title { 53 | color: #ffcc66; 54 | } 55 | 56 | .hljs-section, 57 | .hljs-name, 58 | .hljs-strong { 59 | font-weight: bold; 60 | } 61 | 62 | .hljs-symbol, 63 | .hljs-bullet, 64 | .hljs-subst, 65 | .hljs-meta, 66 | .hljs-link { 67 | color: #f99157; 68 | } 69 | 70 | .hljs-deletion { 71 | color: #dc322f; 72 | } 73 | 74 | .hljs-formula { 75 | background: #eee8d5; 76 | } 77 | 78 | .hljs-attr, 79 | .hljs-attribute { 80 | color: #81a2be; 81 | } 82 | 83 | .hljs-emphasis { 84 | font-style: italic; 85 | } 86 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/school-book.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | School Book style from goldblog.com.ua (c) Zaripov Yura 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 15px 0.5em 0.5em 30px; 11 | font-size: 11px; 12 | line-height:16px; 13 | } 14 | 15 | pre{ 16 | background:#f6f6ae url(./school-book.png); 17 | border-top: solid 2px #d2e8b9; 18 | border-bottom: solid 1px #d2e8b9; 19 | } 20 | 21 | .hljs-keyword, 22 | .hljs-selector-tag, 23 | .hljs-literal { 24 | color:#005599; 25 | font-weight:bold; 26 | } 27 | 28 | .hljs, 29 | .hljs-subst { 30 | color: #3e5915; 31 | } 32 | 33 | .hljs-string, 34 | .hljs-title, 35 | .hljs-section, 36 | .hljs-type, 37 | .hljs-symbol, 38 | .hljs-bullet, 39 | .hljs-attribute, 40 | .hljs-built_in, 41 | .hljs-builtin-name, 42 | .hljs-addition, 43 | .hljs-variable, 44 | .hljs-template-tag, 45 | .hljs-template-variable, 46 | .hljs-link { 47 | color: #2c009f; 48 | } 49 | 50 | .hljs-comment, 51 | .hljs-quote, 52 | .hljs-deletion, 53 | .hljs-meta { 54 | color: #e60415; 55 | } 56 | 57 | .hljs-keyword, 58 | .hljs-selector-tag, 59 | .hljs-literal, 60 | .hljs-doctag, 61 | .hljs-title, 62 | .hljs-section, 63 | .hljs-type, 64 | .hljs-name, 65 | .hljs-selector-id, 66 | .hljs-strong { 67 | font-weight: bold; 68 | } 69 | 70 | .hljs-emphasis { 71 | font-style: italic; 72 | } 73 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/school-book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/public/highlight.js/school-book.png -------------------------------------------------------------------------------- /packages/website/public/highlight.js/solarized-dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #002b36; 12 | color: #839496; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #586e75; 18 | } 19 | 20 | /* Solarized Green */ 21 | .hljs-keyword, 22 | .hljs-selector-tag, 23 | .hljs-addition { 24 | color: #859900; 25 | } 26 | 27 | /* Solarized Cyan */ 28 | .hljs-number, 29 | .hljs-string, 30 | .hljs-meta .hljs-meta-string, 31 | .hljs-literal, 32 | .hljs-doctag, 33 | .hljs-regexp { 34 | color: #2aa198; 35 | } 36 | 37 | /* Solarized Blue */ 38 | .hljs-title, 39 | .hljs-section, 40 | .hljs-name, 41 | .hljs-selector-id, 42 | .hljs-selector-class { 43 | color: #268bd2; 44 | } 45 | 46 | /* Solarized Yellow */ 47 | .hljs-attribute, 48 | .hljs-attr, 49 | .hljs-variable, 50 | .hljs-template-variable, 51 | .hljs-class .hljs-title, 52 | .hljs-type { 53 | color: #b58900; 54 | } 55 | 56 | /* Solarized Orange */ 57 | .hljs-symbol, 58 | .hljs-bullet, 59 | .hljs-subst, 60 | .hljs-meta, 61 | .hljs-meta .hljs-keyword, 62 | .hljs-selector-attr, 63 | .hljs-selector-pseudo, 64 | .hljs-link { 65 | color: #cb4b16; 66 | } 67 | 68 | /* Solarized Red */ 69 | .hljs-built_in, 70 | .hljs-deletion { 71 | color: #dc322f; 72 | } 73 | 74 | .hljs-formula { 75 | background: #073642; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/solarized-light.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #fdf6e3; 12 | color: #657b83; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #93a1a1; 18 | } 19 | 20 | /* Solarized Green */ 21 | .hljs-keyword, 22 | .hljs-selector-tag, 23 | .hljs-addition { 24 | color: #859900; 25 | } 26 | 27 | /* Solarized Cyan */ 28 | .hljs-number, 29 | .hljs-string, 30 | .hljs-meta .hljs-meta-string, 31 | .hljs-literal, 32 | .hljs-doctag, 33 | .hljs-regexp { 34 | color: #2aa198; 35 | } 36 | 37 | /* Solarized Blue */ 38 | .hljs-title, 39 | .hljs-section, 40 | .hljs-name, 41 | .hljs-selector-id, 42 | .hljs-selector-class { 43 | color: #268bd2; 44 | } 45 | 46 | /* Solarized Yellow */ 47 | .hljs-attribute, 48 | .hljs-attr, 49 | .hljs-variable, 50 | .hljs-template-variable, 51 | .hljs-class .hljs-title, 52 | .hljs-type { 53 | color: #b58900; 54 | } 55 | 56 | /* Solarized Orange */ 57 | .hljs-symbol, 58 | .hljs-bullet, 59 | .hljs-subst, 60 | .hljs-meta, 61 | .hljs-meta .hljs-keyword, 62 | .hljs-selector-attr, 63 | .hljs-selector-pseudo, 64 | .hljs-link { 65 | color: #cb4b16; 66 | } 67 | 68 | /* Solarized Red */ 69 | .hljs-built_in, 70 | .hljs-deletion { 71 | color: #dc322f; 72 | } 73 | 74 | .hljs-formula { 75 | background: #eee8d5; 76 | } 77 | 78 | .hljs-emphasis { 79 | font-style: italic; 80 | } 81 | 82 | .hljs-strong { 83 | font-weight: bold; 84 | } 85 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/sunburst.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Sunburst-like style (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #000; 12 | color: #f8f8f8; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #aeaeae; 18 | font-style: italic; 19 | } 20 | 21 | .hljs-keyword, 22 | .hljs-selector-tag, 23 | .hljs-type { 24 | color: #e28964; 25 | } 26 | 27 | .hljs-string { 28 | color: #65b042; 29 | } 30 | 31 | .hljs-subst { 32 | color: #daefa3; 33 | } 34 | 35 | .hljs-regexp, 36 | .hljs-link { 37 | color: #e9c062; 38 | } 39 | 40 | .hljs-title, 41 | .hljs-section, 42 | .hljs-tag, 43 | .hljs-name { 44 | color: #89bdff; 45 | } 46 | 47 | .hljs-class .hljs-title, 48 | .hljs-doctag { 49 | text-decoration: underline; 50 | } 51 | 52 | .hljs-symbol, 53 | .hljs-bullet, 54 | .hljs-number { 55 | color: #3387cc; 56 | } 57 | 58 | .hljs-params, 59 | .hljs-variable, 60 | .hljs-template-variable { 61 | color: #3e87e3; 62 | } 63 | 64 | .hljs-attribute { 65 | color: #cda869; 66 | } 67 | 68 | .hljs-meta { 69 | color: #8996a8; 70 | } 71 | 72 | .hljs-formula { 73 | background-color: #0e2231; 74 | color: #f8f8f8; 75 | font-style: italic; 76 | } 77 | 78 | .hljs-addition { 79 | background-color: #253b22; 80 | color: #f8f8f8; 81 | } 82 | 83 | .hljs-deletion { 84 | background-color: #420e09; 85 | color: #f8f8f8; 86 | } 87 | 88 | .hljs-selector-class { 89 | color: #9b703f; 90 | } 91 | 92 | .hljs-selector-id { 93 | color: #8b98ab; 94 | } 95 | 96 | .hljs-emphasis { 97 | font-style: italic; 98 | } 99 | 100 | .hljs-strong { 101 | font-weight: bold; 102 | } 103 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/tomorrow-night-blue.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Blue Theme */ 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 5 | 6 | /* Tomorrow Comment */ 7 | .hljs-comment, 8 | .hljs-quote { 9 | color: #7285b7; 10 | } 11 | 12 | /* Tomorrow Red */ 13 | .hljs-variable, 14 | .hljs-template-variable, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-selector-id, 18 | .hljs-selector-class, 19 | .hljs-regexp, 20 | .hljs-deletion { 21 | color: #ff9da4; 22 | } 23 | 24 | /* Tomorrow Orange */ 25 | .hljs-number, 26 | .hljs-built_in, 27 | .hljs-builtin-name, 28 | .hljs-literal, 29 | .hljs-type, 30 | .hljs-params, 31 | .hljs-meta, 32 | .hljs-link { 33 | color: #ffc58f; 34 | } 35 | 36 | /* Tomorrow Yellow */ 37 | .hljs-attribute { 38 | color: #ffeead; 39 | } 40 | 41 | /* Tomorrow Green */ 42 | .hljs-string, 43 | .hljs-symbol, 44 | .hljs-bullet, 45 | .hljs-addition { 46 | color: #d1f1a9; 47 | } 48 | 49 | /* Tomorrow Blue */ 50 | .hljs-title, 51 | .hljs-section { 52 | color: #bbdaff; 53 | } 54 | 55 | /* Tomorrow Purple */ 56 | .hljs-keyword, 57 | .hljs-selector-tag { 58 | color: #ebbbff; 59 | } 60 | 61 | .hljs { 62 | display: block; 63 | overflow-x: auto; 64 | background: #002451; 65 | color: white; 66 | padding: 0.5em; 67 | } 68 | 69 | .hljs-emphasis { 70 | font-style: italic; 71 | } 72 | 73 | .hljs-strong { 74 | font-weight: bold; 75 | } 76 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/tomorrow-night-bright.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Bright Theme */ 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 4 | 5 | /* Tomorrow Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #969896; 9 | } 10 | 11 | /* Tomorrow Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-tag, 15 | .hljs-name, 16 | .hljs-selector-id, 17 | .hljs-selector-class, 18 | .hljs-regexp, 19 | .hljs-deletion { 20 | color: #d54e53; 21 | } 22 | 23 | /* Tomorrow Orange */ 24 | .hljs-number, 25 | .hljs-built_in, 26 | .hljs-builtin-name, 27 | .hljs-literal, 28 | .hljs-type, 29 | .hljs-params, 30 | .hljs-meta, 31 | .hljs-link { 32 | color: #e78c45; 33 | } 34 | 35 | /* Tomorrow Yellow */ 36 | .hljs-attribute { 37 | color: #e7c547; 38 | } 39 | 40 | /* Tomorrow Green */ 41 | .hljs-string, 42 | .hljs-symbol, 43 | .hljs-bullet, 44 | .hljs-addition { 45 | color: #b9ca4a; 46 | } 47 | 48 | /* Tomorrow Blue */ 49 | .hljs-title, 50 | .hljs-section { 51 | color: #7aa6da; 52 | } 53 | 54 | /* Tomorrow Purple */ 55 | .hljs-keyword, 56 | .hljs-selector-tag { 57 | color: #c397d8; 58 | } 59 | 60 | .hljs { 61 | display: block; 62 | overflow-x: auto; 63 | background: black; 64 | color: #eaeaea; 65 | padding: 0.5em; 66 | } 67 | 68 | .hljs-emphasis { 69 | font-style: italic; 70 | } 71 | 72 | .hljs-strong { 73 | font-weight: bold; 74 | } 75 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/tomorrow-night-eighties.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Eighties Theme */ 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 4 | 5 | /* Tomorrow Comment */ 6 | .hljs-comment, 7 | .hljs-quote { 8 | color: #999999; 9 | } 10 | 11 | /* Tomorrow Red */ 12 | .hljs-variable, 13 | .hljs-template-variable, 14 | .hljs-tag, 15 | .hljs-name, 16 | .hljs-selector-id, 17 | .hljs-selector-class, 18 | .hljs-regexp, 19 | .hljs-deletion { 20 | color: #f2777a; 21 | } 22 | 23 | /* Tomorrow Orange */ 24 | .hljs-number, 25 | .hljs-built_in, 26 | .hljs-builtin-name, 27 | .hljs-literal, 28 | .hljs-type, 29 | .hljs-params, 30 | .hljs-meta, 31 | .hljs-link { 32 | color: #f99157; 33 | } 34 | 35 | /* Tomorrow Yellow */ 36 | .hljs-attribute { 37 | color: #ffcc66; 38 | } 39 | 40 | /* Tomorrow Green */ 41 | .hljs-string, 42 | .hljs-symbol, 43 | .hljs-bullet, 44 | .hljs-addition { 45 | color: #99cc99; 46 | } 47 | 48 | /* Tomorrow Blue */ 49 | .hljs-title, 50 | .hljs-section { 51 | color: #6699cc; 52 | } 53 | 54 | /* Tomorrow Purple */ 55 | .hljs-keyword, 56 | .hljs-selector-tag { 57 | color: #cc99cc; 58 | } 59 | 60 | .hljs { 61 | display: block; 62 | overflow-x: auto; 63 | background: #2d2d2d; 64 | color: #cccccc; 65 | padding: 0.5em; 66 | } 67 | 68 | .hljs-emphasis { 69 | font-style: italic; 70 | } 71 | 72 | .hljs-strong { 73 | font-weight: bold; 74 | } 75 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/tomorrow-night.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Theme */ 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 5 | 6 | /* Tomorrow Comment */ 7 | .hljs-comment, 8 | .hljs-quote { 9 | color: #969896; 10 | } 11 | 12 | /* Tomorrow Red */ 13 | .hljs-variable, 14 | .hljs-template-variable, 15 | .hljs-tag, 16 | .hljs-name, 17 | .hljs-selector-id, 18 | .hljs-selector-class, 19 | .hljs-regexp, 20 | .hljs-deletion { 21 | color: #cc6666; 22 | } 23 | 24 | /* Tomorrow Orange */ 25 | .hljs-number, 26 | .hljs-built_in, 27 | .hljs-builtin-name, 28 | .hljs-literal, 29 | .hljs-type, 30 | .hljs-params, 31 | .hljs-meta, 32 | .hljs-link { 33 | color: #de935f; 34 | } 35 | 36 | /* Tomorrow Yellow */ 37 | .hljs-attribute { 38 | color: #f0c674; 39 | } 40 | 41 | /* Tomorrow Green */ 42 | .hljs-string, 43 | .hljs-symbol, 44 | .hljs-bullet, 45 | .hljs-addition { 46 | color: #b5bd68; 47 | } 48 | 49 | /* Tomorrow Blue */ 50 | .hljs-title, 51 | .hljs-section { 52 | color: #81a2be; 53 | } 54 | 55 | /* Tomorrow Purple */ 56 | .hljs-keyword, 57 | .hljs-selector-tag { 58 | color: #b294bb; 59 | } 60 | 61 | .hljs { 62 | display: block; 63 | overflow-x: auto; 64 | background: #1d1f21; 65 | color: #c5c8c6; 66 | padding: 0.5em; 67 | } 68 | 69 | .hljs-emphasis { 70 | font-style: italic; 71 | } 72 | 73 | .hljs-strong { 74 | font-weight: bold; 75 | } 76 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/tomorrow.css: -------------------------------------------------------------------------------- 1 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 2 | 3 | /* Tomorrow Comment */ 4 | .hljs-comment, 5 | .hljs-quote { 6 | color: #8e908c; 7 | } 8 | 9 | /* Tomorrow Red */ 10 | .hljs-variable, 11 | .hljs-template-variable, 12 | .hljs-tag, 13 | .hljs-name, 14 | .hljs-selector-id, 15 | .hljs-selector-class, 16 | .hljs-regexp, 17 | .hljs-deletion { 18 | color: #c82829; 19 | } 20 | 21 | /* Tomorrow Orange */ 22 | .hljs-number, 23 | .hljs-built_in, 24 | .hljs-builtin-name, 25 | .hljs-literal, 26 | .hljs-type, 27 | .hljs-params, 28 | .hljs-meta, 29 | .hljs-link { 30 | color: #f5871f; 31 | } 32 | 33 | /* Tomorrow Yellow */ 34 | .hljs-attribute { 35 | color: #eab700; 36 | } 37 | 38 | /* Tomorrow Green */ 39 | .hljs-string, 40 | .hljs-symbol, 41 | .hljs-bullet, 42 | .hljs-addition { 43 | color: #718c00; 44 | } 45 | 46 | /* Tomorrow Blue */ 47 | .hljs-title, 48 | .hljs-section { 49 | color: #4271ae; 50 | } 51 | 52 | /* Tomorrow Purple */ 53 | .hljs-keyword, 54 | .hljs-selector-tag { 55 | color: #8959a8; 56 | } 57 | 58 | .hljs { 59 | display: block; 60 | overflow-x: auto; 61 | background: white; 62 | color: #4d4d4c; 63 | padding: 0.5em; 64 | } 65 | 66 | .hljs-emphasis { 67 | font-style: italic; 68 | } 69 | 70 | .hljs-strong { 71 | font-weight: bold; 72 | } 73 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/vs.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Visual Studio-like style based on original C# coloring by Jason Diamond 4 | 5 | */ 6 | .hljs { 7 | display: block; 8 | overflow-x: auto; 9 | padding: 0.5em; 10 | background: white; 11 | color: black; 12 | } 13 | 14 | .hljs-comment, 15 | .hljs-quote, 16 | .hljs-variable { 17 | color: #008000; 18 | } 19 | 20 | .hljs-keyword, 21 | .hljs-selector-tag, 22 | .hljs-built_in, 23 | .hljs-name, 24 | .hljs-tag { 25 | color: #00f; 26 | } 27 | 28 | .hljs-string, 29 | .hljs-title, 30 | .hljs-section, 31 | .hljs-attribute, 32 | .hljs-literal, 33 | .hljs-template-tag, 34 | .hljs-template-variable, 35 | .hljs-type, 36 | .hljs-addition { 37 | color: #a31515; 38 | } 39 | 40 | .hljs-deletion, 41 | .hljs-selector-attr, 42 | .hljs-selector-pseudo, 43 | .hljs-meta { 44 | color: #2b91af; 45 | } 46 | 47 | .hljs-doctag { 48 | color: #808080; 49 | } 50 | 51 | .hljs-attr { 52 | color: #f00; 53 | } 54 | 55 | .hljs-symbol, 56 | .hljs-bullet, 57 | .hljs-link { 58 | color: #00b0e8; 59 | } 60 | 61 | 62 | .hljs-emphasis { 63 | font-style: italic; 64 | } 65 | 66 | .hljs-strong { 67 | font-weight: bold; 68 | } 69 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/xcode.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | XCode style (c) Angel Garcia 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #fff; 12 | color: black; 13 | } 14 | 15 | .hljs-comment, 16 | .hljs-quote { 17 | color: #006a00; 18 | } 19 | 20 | .hljs-keyword, 21 | .hljs-selector-tag, 22 | .hljs-literal { 23 | color: #aa0d91; 24 | } 25 | 26 | .hljs-name { 27 | color: #008; 28 | } 29 | 30 | .hljs-variable, 31 | .hljs-template-variable { 32 | color: #660; 33 | } 34 | 35 | .hljs-string { 36 | color: #c41a16; 37 | } 38 | 39 | .hljs-regexp, 40 | .hljs-link { 41 | color: #080; 42 | } 43 | 44 | .hljs-title, 45 | .hljs-tag, 46 | .hljs-symbol, 47 | .hljs-bullet, 48 | .hljs-number, 49 | .hljs-meta { 50 | color: #1c00cf; 51 | } 52 | 53 | .hljs-section, 54 | .hljs-class .hljs-title, 55 | .hljs-type, 56 | .hljs-attr, 57 | .hljs-built_in, 58 | .hljs-builtin-name, 59 | .hljs-params { 60 | color: #5c2699; 61 | } 62 | 63 | .hljs-attribute, 64 | .hljs-subst { 65 | color: #000; 66 | } 67 | 68 | .hljs-formula { 69 | background-color: #eee; 70 | font-style: italic; 71 | } 72 | 73 | .hljs-addition { 74 | background-color: #baeeba; 75 | } 76 | 77 | .hljs-deletion { 78 | background-color: #ffc8bd; 79 | } 80 | 81 | .hljs-selector-id, 82 | .hljs-selector-class { 83 | color: #9b703f; 84 | } 85 | 86 | .hljs-doctag, 87 | .hljs-strong { 88 | font-weight: bold; 89 | } 90 | 91 | .hljs-emphasis { 92 | font-style: italic; 93 | } 94 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/xt256.css: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | xt256.css 4 | 5 | Contact: initbar [at] protonmail [dot] ch 6 | : github.com/initbar 7 | */ 8 | 9 | .hljs { 10 | display: block; 11 | overflow-x: auto; 12 | color: #eaeaea; 13 | background: #000; 14 | padding: 0.5; 15 | } 16 | 17 | .hljs-subst { 18 | color: #eaeaea; 19 | } 20 | 21 | .hljs-emphasis { 22 | font-style: italic; 23 | } 24 | 25 | .hljs-strong { 26 | font-weight: bold; 27 | } 28 | 29 | .hljs-builtin-name, 30 | .hljs-type { 31 | color: #eaeaea; 32 | } 33 | 34 | .hljs-params { 35 | color: #da0000; 36 | } 37 | 38 | .hljs-literal, 39 | .hljs-number, 40 | .hljs-name { 41 | color: #ff0000; 42 | font-weight: bolder; 43 | } 44 | 45 | .hljs-comment { 46 | color: #969896; 47 | } 48 | 49 | .hljs-selector-id, 50 | .hljs-quote { 51 | color: #00ffff; 52 | } 53 | 54 | .hljs-template-variable, 55 | .hljs-variable, 56 | .hljs-title { 57 | color: #00ffff; 58 | font-weight: bold; 59 | } 60 | 61 | .hljs-selector-class, 62 | .hljs-keyword, 63 | .hljs-symbol { 64 | color: #fff000; 65 | } 66 | 67 | .hljs-string, 68 | .hljs-bullet { 69 | color: #00ff00; 70 | } 71 | 72 | .hljs-tag, 73 | .hljs-section { 74 | color: #000fff; 75 | } 76 | 77 | .hljs-selector-tag { 78 | color: #000fff; 79 | font-weight: bold; 80 | } 81 | 82 | .hljs-attribute, 83 | .hljs-built_in, 84 | .hljs-regexp, 85 | .hljs-link { 86 | color: #ff00ff; 87 | } 88 | 89 | .hljs-meta { 90 | color: #fff; 91 | font-weight: bolder; 92 | } 93 | -------------------------------------------------------------------------------- /packages/website/public/highlight.js/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #3f3f3f; 13 | color: #dcdcdc; 14 | } 15 | 16 | .hljs-keyword, 17 | .hljs-selector-tag, 18 | .hljs-tag { 19 | color: #e3ceab; 20 | } 21 | 22 | .hljs-template-tag { 23 | color: #dcdcdc; 24 | } 25 | 26 | .hljs-number { 27 | color: #8cd0d3; 28 | } 29 | 30 | .hljs-variable, 31 | .hljs-template-variable, 32 | .hljs-attribute { 33 | color: #efdcbc; 34 | } 35 | 36 | .hljs-literal { 37 | color: #efefaf; 38 | } 39 | 40 | .hljs-subst { 41 | color: #8f8f8f; 42 | } 43 | 44 | .hljs-title, 45 | .hljs-name, 46 | .hljs-selector-id, 47 | .hljs-selector-class, 48 | .hljs-section, 49 | .hljs-type { 50 | color: #efef8f; 51 | } 52 | 53 | .hljs-symbol, 54 | .hljs-bullet, 55 | .hljs-link { 56 | color: #dca3a3; 57 | } 58 | 59 | .hljs-deletion, 60 | .hljs-string, 61 | .hljs-built_in, 62 | .hljs-builtin-name { 63 | color: #cc9393; 64 | } 65 | 66 | .hljs-addition, 67 | .hljs-comment, 68 | .hljs-quote, 69 | .hljs-meta { 70 | color: #7f9f7f; 71 | } 72 | 73 | 74 | .hljs-emphasis { 75 | font-style: italic; 76 | } 77 | 78 | .hljs-strong { 79 | font-weight: bold; 80 | } 81 | -------------------------------------------------------------------------------- /packages/website/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | GL Transitions 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /packages/website/src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | min-height: 100vh; 3 | display: flex; 4 | flex-direction: column; 5 | } 6 | 7 | .App > header { 8 | background: #111; 9 | display: flex; 10 | flex-direction: row; 11 | height: 40px; 12 | padding: 0 0.8em; 13 | overflow: hidden; 14 | } 15 | 16 | .App > header .logo { 17 | margin-right: 0.8em; 18 | } 19 | 20 | .App .logo { 21 | align-self: center; 22 | font-weight: bold; 23 | padding: 0 0.2em; 24 | font-size: 1.6em; 25 | } 26 | 27 | .App .logo span:first-child { 28 | color: #fff; 29 | } 30 | .App .logo span:last-child { 31 | color: #fc6; 32 | } 33 | 34 | .App > header > nav { 35 | display: flex; 36 | flex-direction: row; 37 | } 38 | .App > header > nav > a { 39 | padding: 0.6em; 40 | color: #ccc; 41 | } 42 | .App > header > nav > a:hover { 43 | color: #fff; 44 | } 45 | .App > header > nav > a.active { 46 | background: #444; 47 | color: #fff; 48 | } 49 | 50 | .App > header > .external { 51 | display: flex; 52 | flex-direction: row; 53 | align-items: center; 54 | } 55 | .App > header > .external > a { 56 | padding: 0.8em; 57 | color: #ccc; 58 | display: inline-flex; 59 | flex-direction: row; 60 | align-items: center; 61 | } 62 | 63 | @media screen and (max-width: 540px) { 64 | .App > header > .external > a > span { 65 | display: none; 66 | } 67 | } 68 | @media screen and (max-width: 360px) { 69 | .App > header .logo .full { 70 | display: none; 71 | } 72 | } 73 | 74 | .App > main { 75 | background: #333; 76 | flex: 1; 77 | display: flex; 78 | flex-direction: column; 79 | } 80 | -------------------------------------------------------------------------------- /packages/website/src/CompilationStats.css: -------------------------------------------------------------------------------- 1 | .compilation-stats { 2 | display: flex; 3 | flex-direction: column; 4 | text-align: right; 5 | width: 100px; 6 | } 7 | .compilation-stats-time { 8 | padding: 10px 5px; 9 | } 10 | .compilation-stats-time .label { 11 | font-size: 0.8em; 12 | } 13 | .compilation-stats-time .value { 14 | font-size: 1.4em; 15 | } 16 | .compilation-stats-time .unit { 17 | font-size: 0.6em; 18 | vertical-align: baseline; 19 | } 20 | .compilation-stats-time .color-green { 21 | color: #6F6; 22 | } 23 | .compilation-stats-time .color-yellow { 24 | color: #FE3; 25 | } 26 | .compilation-stats-time .color-red { 27 | color: #F55; 28 | } 29 | -------------------------------------------------------------------------------- /packages/website/src/EditNew.css: -------------------------------------------------------------------------------- 1 | .filename-error { 2 | color: #F00; 3 | } 4 | -------------------------------------------------------------------------------- /packages/website/src/EditorStatusBar.css: -------------------------------------------------------------------------------- 1 | .editor-status-bar { 2 | width: 100%; 3 | height: 30px; 4 | line-height: 30px; 5 | padding: 0 5px; 6 | font-size: 10px; 7 | box-sizing: border-box; 8 | overflow: hidden; 9 | white-space: nowrap; 10 | } 11 | .editor-status-bar.error { 12 | background-color: #C33; 13 | color: #FFF; 14 | } 15 | .editor-status-bar.warn { 16 | background-color: #d73; 17 | color: #FFF; 18 | } 19 | .editor-status-bar.success { 20 | background-color: #3C6; 21 | color: #FFF; 22 | } 23 | .editor-status-bar.info { 24 | background-color: #666; 25 | color: #FFF; 26 | } 27 | .editor-status-bar.success, .editor-status-bar.info, .editor-status-bar.error, .editor-status-bar.warn { 28 | transition: none; 29 | } 30 | .editor-status-bar { 31 | background-color: #666; 32 | color: #999; 33 | transition: 0.5s; 34 | } 35 | -------------------------------------------------------------------------------- /packages/website/src/EditorStatusBar.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from "react"; 2 | import "./EditorStatusBar.css"; 3 | export default class EditorStatusBar extends Component { 4 | props: { 5 | errors: Array<*>, 6 | }; 7 | render() { 8 | const { errors } = this.props; 9 | // TODO: need to be able to tap on the bar to expand all the errors list 10 | let type, message; 11 | if (errors.length > 0) { 12 | const e = errors[0]; 13 | type = e.type; 14 | message = (e.line ? "line " + e.line + ": " : "") + " " + e.message; 15 | } else { 16 | type = "success"; 17 | message = "✔︎ GL Transition is valid!"; 18 | } 19 | return ( 20 |
21 | {message} 22 |
23 | ); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /packages/website/src/FAQ.js: -------------------------------------------------------------------------------- 1 | // Each topic needs to be linked at diff place of the app, where it makes sense. mostly from the editor. 2 | /* 3 | 4 | # My transition is slow to compile / run. how to optimize? 5 | 6 | - get rid of branchs (no more ifs, avoid for loops if possible). 7 | - it might just be you have a slower machine (the green/yellow/red ranges were testing on a Macbook Pro 2014) 8 | 9 | # some transition don't run / I reached limits on my specific machine 10 | 11 | - maybe you have an old computer? check http://webglreport.com/ and report it to us. 12 | 13 | # what means *"invalid transition, it must render getFromColor / getToColor when progress = 0.0 / 1.0"* means? 14 | 15 | */ 16 | -------------------------------------------------------------------------------- /packages/website/src/Gallery.css: -------------------------------------------------------------------------------- 1 | .gallery .transitions { 2 | display: flex; 3 | flex-direction: row; 4 | flex-wrap: wrap; 5 | justify-content: center; 6 | padding: 10px 0; 7 | margin: 0 auto; 8 | max-width: 1280px; 9 | } 10 | 11 | .gallery .transitions > * { 12 | margin: 10px; 13 | } 14 | .gallery .transitions .vignette footer .dateago { 15 | position: absolute; 16 | right: 4px; 17 | bottom: 0px; 18 | font-size: 1em; 19 | font-style: italic; 20 | color: #000; 21 | } 22 | .gallery .vignette .expand { 23 | position: absolute; 24 | top: 0px; 25 | right: 0px; 26 | padding: 4px; 27 | } 28 | 29 | .gallery .pager { 30 | display: flex; 31 | flex-direction: row; 32 | align-items: center; 33 | justify-content: center; 34 | } 35 | .gallery .pager a { 36 | color: #999; 37 | font-size: 2em; 38 | padding: 0.2em 0.6em; 39 | } 40 | .gallery .pager a:hover:not(.active) { 41 | color: #bbb; 42 | } 43 | .gallery .pager a.active { 44 | color: #fff; 45 | font-weight: bold; 46 | } 47 | -------------------------------------------------------------------------------- /packages/website/src/GlslContextualHelp.css: -------------------------------------------------------------------------------- 1 | 2 | .glsl-documentation { 3 | margin-top: 20px; 4 | } 5 | .glsl-documentation p { 6 | margin: 2px 0; 7 | } 8 | .glsl-documentation .glsl-token-type-name { 9 | margin-bottom: 2px; 10 | overflow: auto; 11 | } 12 | .glsl-documentation .glsl-token-type-name .glsl-token-type { 13 | float: right; 14 | margin-right: 0.5em; 15 | } 16 | 17 | .glsl-documentation .glsl-token-type-name .glsl-token-name { 18 | float: left; 19 | } 20 | 21 | .glsl-documentation .glsl-token-type { 22 | font-weight: bold; 23 | text-transform: uppercase; 24 | font-size: 0.5em; 25 | background: #000; 26 | padding: 1px 3px; 27 | border-radius: 2px; 28 | } 29 | .glsl-documentation .glsl-token-usage { 30 | width: 100%; 31 | box-sizing: border-box; 32 | font-size: 0.8em; 33 | } 34 | .glsl-documentation .glsl-token-description { 35 | font-weight: 300; 36 | font-style: italic; 37 | padding: 0.6em; 38 | font-size: 0.8em; 39 | opacity: 0.7; 40 | background: #222; 41 | } 42 | -------------------------------------------------------------------------------- /packages/website/src/GlslEditor.css: -------------------------------------------------------------------------------- 1 | .glsl-editor { 2 | width: 100%; 3 | height: 100%; 4 | flex: 1; 5 | } 6 | 7 | .glsl-editor .ace_step.error { 8 | background: rgba(255, 0, 0, 0.3) !important; 9 | } 10 | .glsl-editor .ace_step.warn { 11 | background: rgba(255, 100, 0, 0.3) !important; 12 | } 13 | -------------------------------------------------------------------------------- /packages/website/src/NotFound.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from "react"; 2 | 3 | export default class Editor extends Component { 4 | render() { 5 | return

Page not found

; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/website/src/NumberInput.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import React, { Component } from "react"; 3 | // React have issues with input type=number – some workaround here 4 | 5 | function isValidNumber(text) { 6 | return text && !isNaN(text) && text[text.length - 1] !== "."; 7 | } 8 | 9 | type Props = { 10 | value: number, 11 | onChange: (value: number) => void, 12 | step: number, 13 | }; 14 | export default class NumberInput extends Component { 15 | props: Props; 16 | static defaultProps = { 17 | step: 1, 18 | }; 19 | state = { value: this.props.value }; 20 | 21 | onChange = (e: *) => { 22 | var inputValue = e.target.value; 23 | this.setState({ 24 | value: inputValue, 25 | }); 26 | if (isValidNumber(inputValue)) this.props.onChange(e); 27 | }; 28 | 29 | componentWillReceiveProps(nextProps: Props) { 30 | if ( 31 | nextProps.value !== this.props.value && 32 | nextProps.value !== parseFloat(this.state.value, 10) 33 | ) { 34 | this.setState({ 35 | value: nextProps.value, 36 | }); 37 | } 38 | } 39 | 40 | render() { 41 | const props = { 42 | ...this.props, 43 | type: "number", 44 | value: "" + this.state.value, 45 | onChange: this.onChange, 46 | }; 47 | return ; 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /packages/website/src/Preview.css: -------------------------------------------------------------------------------- 1 | .Preview { 2 | flex: 1; 3 | display: flex; 4 | flex-direction: column; 5 | align-items: center; 6 | justify-content: center; 7 | } 8 | 9 | .Preview header { 10 | display: flex; 11 | flex-direction: row; 12 | justify-content: space-between; 13 | width: 512px; 14 | } 15 | 16 | .Preview footer { 17 | padding: 1em 0; 18 | display: flex; 19 | flex-direction: row; 20 | justify-content: center; 21 | width: 512px; 22 | } 23 | -------------------------------------------------------------------------------- /packages/website/src/PrimaryBtn.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | a.primary-btn { 4 | background: #3C6; 5 | color: #000; 6 | padding: 0.5em 1em; 7 | border-radius: 0.4em; 8 | white-space: nowrap; 9 | } 10 | a.primary-btn:hover { 11 | background: #3E8; 12 | color: #000; 13 | } 14 | 15 | a.primary-btn.disabled, a.primary-btn.disabled:hover { 16 | pointer-events: none; 17 | background: transparent; 18 | color: #000; 19 | opacity: 0.3; 20 | display: none; 21 | } 22 | -------------------------------------------------------------------------------- /packages/website/src/PrimaryBtn.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import React, { Component } from "react"; 3 | import "./PrimaryBtn.css"; 4 | export default class PrimaryBtn extends Component { 5 | render() { 6 | const { children, disabled, href } = this.props; 7 | return ( 8 | 14 | {children} 15 | 16 | ); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/website/src/ScrollToTop.js: -------------------------------------------------------------------------------- 1 | import { Component } from "react"; 2 | import { withRouter } from "react-router"; 3 | 4 | class ScrollToTop extends Component { 5 | componentDidUpdate(prevProps) { 6 | if (this.props.location !== prevProps.location) { 7 | window.scrollTo(0, 0); 8 | } 9 | } 10 | 11 | render() { 12 | return this.props.children; 13 | } 14 | } 15 | 16 | export default withRouter(ScrollToTop); 17 | -------------------------------------------------------------------------------- /packages/website/src/SuggestTransform.css: -------------------------------------------------------------------------------- 1 | .SuggestTransform { 2 | z-index: 1000; 3 | position: fixed; 4 | top: 0; 5 | left: 0; 6 | width: 100%; 7 | height: 100%; 8 | background-color: rgba(0,0,0,0.6); 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | 14 | .SuggestTransform header { 15 | text-align: center; 16 | font-size: 1.2em; 17 | padding: 2em 4em; 18 | } 19 | 20 | .SuggestTransform .container { 21 | background-color: #333; 22 | width: 90%; 23 | height: 80%; 24 | margin: auto; 25 | display: flex; 26 | flex-direction: column; 27 | } 28 | 29 | .SuggestTransform .body { 30 | flex: 1; 31 | display: flex; 32 | flex-direction: row; 33 | } 34 | 35 | .SuggestTransform .body > * { 36 | flex: 1; 37 | display: flex; 38 | flex-direction: column; 39 | align-items: center; 40 | width: 50%; 41 | padding: 10px; 42 | } 43 | .SuggestTransform .body .GlslCode { 44 | flex: 1; 45 | width: 100%; 46 | } 47 | 48 | .SuggestTransform .button { 49 | font-size: 1.2em; 50 | margin: 0.6em; 51 | padding: 0.2em 1em; 52 | border: none; 53 | color: #000; 54 | background: #fff; 55 | } 56 | -------------------------------------------------------------------------------- /packages/website/src/SuggestTransform.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from "react"; 2 | import transformOldGLSLTransition 3 | from "gl-transition-utils/lib/transformOldGLSLTransition"; 4 | import GlslCode from "./GlslCode"; 5 | import "./SuggestTransform.css"; 6 | 7 | export default class SuggestTransform extends Component { 8 | render() { 9 | const { glsl, onFragChange, onDiscard } = this.props; 10 | const res = transformOldGLSLTransition(glsl); 11 | return ( 12 |
13 |
14 | 15 |
16 |

Porting an old transition

17 | 18 | Hi there! You seem to have pasted an old transition, would you let us refactor it to match the new Transition specification? 19 |
20 | You may still need to simplify some code at the end but it should work! 21 | 22 |
23 |
24 |
25 |

Your code:

26 | 27 | 30 |
31 |
32 |

Ported to the a transition function:

33 | 34 | 40 |
41 |
42 |
43 |
44 | ); 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /packages/website/src/TexturePicker.css: -------------------------------------------------------------------------------- 1 | .texture-picker { 2 | vertical-align: middle; 3 | position: relative; 4 | display: flex; 5 | flex-direction: row; 6 | } 7 | .texture-picker .bg-overlay { 8 | background-color: rgba(0,0,0,0.5); 9 | position: fixed; 10 | top: 0; 11 | left: 0; 12 | width: 100%; 13 | height: 100%; 14 | z-index: 900; 15 | } 16 | .texture-picker .picker:not(.visible) { 17 | display: none; 18 | } 19 | .texture-picker .picker:before { 20 | content: " "; 21 | position: absolute; 22 | top: 67px; 23 | left: -32px; 24 | border: 16px solid; 25 | border-color: transparent white transparent transparent; 26 | } 27 | .texture-picker .picker { 28 | z-index: 901; 29 | position: absolute; 30 | left: calc(100% + 20px); 31 | top: -72px; 32 | width: 200px; 33 | height: 150px; 34 | color: #222; 35 | background: #fff; 36 | border-radius: 4px; 37 | display: flex; 38 | flex-direction: row; 39 | align-items: center; 40 | justify-content: center; 41 | flex-wrap: wrap; 42 | } 43 | 44 | 45 | .texture-picker .picker .texture { 46 | width: 44px; 47 | height: 44px; 48 | float: left; 49 | border: 4px solid transparent; 50 | cursor: pointer; 51 | } 52 | .texture-picker .picker .texture.current { 53 | border-color: #fc6; 54 | } 55 | .texture-picker .picker .texture:not(.current):hover { 56 | border-color: #fec; 57 | } 58 | 59 | 60 | .texture-picker .picker-input { 61 | flex: 1; 62 | } 63 | 64 | .texture-picker .overview { 65 | width: 20%; 66 | margin-left: 8px; 67 | width: 24px; 68 | height: 24px; 69 | } 70 | -------------------------------------------------------------------------------- /packages/website/src/TransitionAuthorAndName.css: -------------------------------------------------------------------------------- 1 | .TransitionAuthorAndName { 2 | display: inline-block; 3 | max-width: 200px; 4 | overflow: hidden; 5 | text-overflow: ellipsis; 6 | white-space: nowrap; 7 | padding: 0 0.4em; 8 | } 9 | 10 | .TransitionAuthorAndName em { 11 | font-style: italic; 12 | font-weight: lighter; 13 | font-size: 0.8em; 14 | } 15 | .TransitionAuthorAndName em:before { 16 | content: "by "; 17 | opacity: 0.6; 18 | } 19 | -------------------------------------------------------------------------------- /packages/website/src/TransitionAuthorAndName.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from "react"; 2 | import URL from "url"; 3 | import { githubRepoFolder, githubRepoPath } from "./conf"; 4 | import { FaGithub } from "react-icons/fa"; 5 | import "./TransitionAuthorAndName.css"; 6 | 7 | export default class TransitionAuthorAndName extends Component { 8 | shouldComponentUpdate({ transition }) { 9 | const { author, name } = this.props.transition; 10 | return author !== transition.author || name !== transition.name; 11 | } 12 | render() { 13 | const { withGithubLink, transition } = this.props; 14 | let { name, author } = transition; 15 | const m = author.match(/^([^<]+).*$/); 16 | if (m) { 17 | const first = m[1].trim(); 18 | if (first) { 19 | author = first; 20 | } 21 | } 22 | if (withGithubLink) { 23 | const fileHref = URL.format({ 24 | pathname: 25 | "https://github.com/" + 26 | githubRepoPath + 27 | "/tree/master" + 28 | githubRepoFolder + 29 | "/" + 30 | name + 31 | ".glsl" 32 | }); 33 | return ( 34 | 40 | {name}{" "} 41 | {author} 42 | 43 | ); 44 | } else { 45 | return ( 46 | 47 | {name} {author} 48 | 49 | ); 50 | } 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /packages/website/src/Vignette.css: -------------------------------------------------------------------------------- 1 | .vignette { 2 | position: relative; 3 | } 4 | 5 | .vignette .failing { 6 | position: absolute; 7 | width: 100%; 8 | height: 100%; 9 | top: 0; 10 | left: 0; 11 | display: flex; 12 | text-align: center; 13 | flex-direction: column; 14 | align-items: center; 15 | justify-content: center; 16 | padding: 10px; 17 | background-color: rgba(255, 0, 0, 0.5); 18 | border: 1px solid #f00; 19 | color: #fff; 20 | } 21 | .vignette .failing i { 22 | font-size: 48px; 23 | } 24 | .vignette .failing p { 25 | margin: 0; 26 | margin-top: 1em; 27 | font-size: 0.8em; 28 | max-height: 70%; 29 | overflow: hidden; 30 | } 31 | 32 | .vignette canvas { 33 | outline: 1px solid #000; 34 | } 35 | .vignette.hover canvas { 36 | outline-color: #fc6; 37 | } 38 | 39 | .vignette .cursor { 40 | display: none; 41 | position: absolute; 42 | top: 0; 43 | height: 100%; 44 | width: 1px; 45 | background: #fc6; 46 | pointer-events: none; 47 | } 48 | 49 | .vignette.hover .cursor { 50 | display: block; 51 | } 52 | .vignette footer { 53 | position: absolute; 54 | bottom: 0; 55 | width: 100%; 56 | left: 0; 57 | padding: 2px 4px; 58 | white-space: nowrap; 59 | overflow: hidden; 60 | text-overflow: ellipsis; 61 | pointer-events: none; 62 | display: flex; 63 | flex-direction: row; 64 | } 65 | 66 | .vignette footer .TransitionAuthorAndName { 67 | flex: 1; 68 | } 69 | -------------------------------------------------------------------------------- /packages/website/src/conf.js: -------------------------------------------------------------------------------- 1 | export const githubRepoPath = "gl-transitions/gl-transitions"; 2 | export const githubRepoFolder = "/transitions"; 3 | -------------------------------------------------------------------------------- /packages/website/src/data.js: -------------------------------------------------------------------------------- 1 | //@flow 2 | import { supplyDefaultSampler2DToTransition } from "./transform"; 3 | export const transitions: Array<*> = (window.GLTransitions || []) 4 | .map(supplyDefaultSampler2DToTransition); 5 | export const transitionsOrderByCreatedAt = transitions 6 | .slice(0) 7 | .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)); 8 | export const transitionsOrderByUpdatedAt = transitions 9 | .slice(0) 10 | .sort((a, b) => new Date(b.updatedAt) - new Date(a.updatedAt)); 11 | export const transitionsOrderByRandom = transitions 12 | .slice(0) 13 | .sort(() => 0.5 - Math.random()); 14 | export const transitionsByName = {}; 15 | transitions.forEach(t => { 16 | transitionsByName[t.name] = t; 17 | }); 18 | -------------------------------------------------------------------------------- /packages/website/src/dateAgo.js: -------------------------------------------------------------------------------- 1 | const HOUR_MS = 1000 * 60 * 60; 2 | const DAY_MS = 24 * HOUR_MS; 3 | const MONTH_MS = 30 * DAY_MS; 4 | const YEAR_MS = 365 * DAY_MS; 5 | 6 | const dateAgoShort = dateStr => { 7 | const diff = Date.now() - new Date(dateStr).getTime(); 8 | const years = Math.floor(diff / YEAR_MS); 9 | if (years > 0) return years + " years ago"; 10 | const months = Math.floor(diff / MONTH_MS); 11 | if (months > 0) return months + " months ago"; 12 | const days = Math.floor(diff / DAY_MS); 13 | if (days > 0) return days + " days ago"; 14 | const hours = Math.floor(diff / HOUR_MS); 15 | if (hours > 0) return hours + " hours ago"; 16 | return "just now"; 17 | }; 18 | 19 | export default dateAgoShort; 20 | -------------------------------------------------------------------------------- /packages/website/src/github.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/github.gif -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/a1mV1egnQwOqxZZZvhVo_street.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/a1mV1egnQwOqxZZZvhVo_street.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/barley.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/barley.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/bigbuckbunny_snapshot1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/bigbuckbunny_snapshot1.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg -------------------------------------------------------------------------------- /packages/website/src/images/1024x768/wdXqHcTwSTmLuKOGz92L_Landscape.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/1024x768/wdXqHcTwSTmLuKOGz92L_Landscape.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/a1mV1egnQwOqxZZZvhVo_street.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/a1mV1egnQwOqxZZZvhVo_street.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/barley.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/barley.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/bigbuckbunny_snapshot1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/bigbuckbunny_snapshot1.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg -------------------------------------------------------------------------------- /packages/website/src/images/512x400/wdXqHcTwSTmLuKOGz92L_Landscape.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/512x400/wdXqHcTwSTmLuKOGz92L_Landscape.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/a1mV1egnQwOqxZZZvhVo_street.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/a1mV1egnQwOqxZZZvhVo_street.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/barley.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/barley.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/bigbuckbunny_snapshot1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/bigbuckbunny_snapshot1.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg -------------------------------------------------------------------------------- /packages/website/src/images/600x400/wdXqHcTwSTmLuKOGz92L_Landscape.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/600x400/wdXqHcTwSTmLuKOGz92L_Landscape.jpg -------------------------------------------------------------------------------- /packages/website/src/images/generate.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | cd `dirname $0` 3 | 4 | formats="512x400 600x400 1024x768" 5 | 6 | in="./raw"; 7 | dist="." 8 | 9 | for format in $formats; do 10 | mkdir -p $dist/$format; 11 | for name in `ls $in`; do 12 | if [ ! -f $dist/$format/$name ] ; then 13 | echo "Generating $format/$name"; 14 | convert $in/$name -resize "$format^" -gravity center -crop "$format+0+0" +repage $dist/$format/$name; 15 | fi; 16 | done; 17 | done; 18 | -------------------------------------------------------------------------------- /packages/website/src/images/raw/a1mV1egnQwOqxZZZvhVo_street.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/a1mV1egnQwOqxZZZvhVo_street.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/barley.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/barley.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/bigbuckbunny_snapshot1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/bigbuckbunny_snapshot1.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/hBd6EPoQT2C8VQYv65ys_White_Sands.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/ic1dX3kBQjGNaPQb8Xel_1920x1280.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/ikZyw45kT4m16vHkHe7u_9647713235_29ce0305d2_o.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/lUUnN7VGSoWZ3noefeH7_Baker_Beach-12.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/pHyYeNZMRFOIRpYeW7X3_manacloseup.jpg -------------------------------------------------------------------------------- /packages/website/src/images/raw/wdXqHcTwSTmLuKOGz92L_Landscape.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/images/raw/wdXqHcTwSTmLuKOGz92L_Landscape.jpg -------------------------------------------------------------------------------- /packages/website/src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: Catamaran, sans-serif; 5 | background: #333; 6 | color: #eee; 7 | font-size: 14px; 8 | } 9 | * { 10 | box-sizing: border-box; 11 | } 12 | 13 | h1, h2, h3, h4, h5, h6 { 14 | margin: 0; 15 | padding: 0; 16 | } 17 | 18 | h1 { 19 | font-size: 1.6em; 20 | } 21 | h2, h3, h4, h5, h6 { 22 | font-size: 1.2em; 23 | } 24 | 25 | code, 26 | .hljs, 27 | .glsl-editor.ace_editor, 28 | .glsl-documentation .glsl-token-name, 29 | .editor-status-bar, 30 | .compilation-stats-time .value, 31 | .compilation-stats-time .unit { 32 | font-family: Monoid, 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; 33 | } 34 | 35 | a { 36 | color: inherit; 37 | text-decoration: none; 38 | } 39 | a:active, a:hover { 40 | color: inherit; 41 | } 42 | 43 | blockquote { 44 | border-left: 2px solid #fc6; 45 | background: #222; 46 | color: #fff; 47 | padding: 10px; 48 | } 49 | -------------------------------------------------------------------------------- /packages/website/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | import { BrowserRouter as Router } from "react-router-dom"; 4 | import App from "./App"; 5 | import "./index.css"; 6 | 7 | ReactDOM.render( 8 | 9 | 10 | , 11 | document.getElementById("root") 12 | ); 13 | -------------------------------------------------------------------------------- /packages/website/src/textures/luma/bilinear-lateral.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/bilinear-lateral.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/conical-asym.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/conical-asym.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/conical-sym.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/conical-sym.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/index.js: -------------------------------------------------------------------------------- 1 | export default [ 2 | require("./bilinear-lateral.png"), 3 | require("./conical-asym.png"), 4 | require("./conical-sym.png"), 5 | require("./linear-sawtooth-lateral-4.png"), 6 | require("./radial-tri-lateral-4.png"), 7 | require("./spiral-1.png"), 8 | require("./spiral-2.png"), 9 | require("./spiral-3.png"), 10 | require("./square.png"), 11 | ]; 12 | -------------------------------------------------------------------------------- /packages/website/src/textures/luma/linear-sawtooth-lateral-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/linear-sawtooth-lateral-4.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/radial-tri-lateral-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/radial-tri-lateral-4.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/spiral-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/spiral-1.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/spiral-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/spiral-2.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/spiral-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/spiral-3.png -------------------------------------------------------------------------------- /packages/website/src/textures/luma/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/textures/luma/square.png -------------------------------------------------------------------------------- /packages/website/src/videos/sintel.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | cd `dirname $0` 3 | 4 | in=Sintel.2010.720p.mkv 5 | out=./sintel 6 | 7 | opts="-b:v 3000k -an" 8 | webmopts="-vcodec libvpx -quality good" 9 | mpegopts="-vcodec libx264" 10 | 11 | test -f $in || wget http://ftp.nluug.nl/pub/graphics/blender/demo/movies/$in 12 | ffmpeg -i $in -ss 00:06:09.0 -t 00:00:05.0 $webmopts $opts $out/cut1.webm 13 | ffmpeg -i $in -ss 00:06:20.0 -t 00:00:05.0 $webmopts $opts $out/cut2.webm 14 | ffmpeg -i $in -ss 00:06:26.0 -t 00:00:05.0 $webmopts $opts $out/cut3.webm 15 | 16 | ffmpeg -i $in -ss 00:06:09.0 -t 00:00:05.0 $mpegopts $opts $out/cut1.mp4 17 | ffmpeg -i $in -ss 00:06:20.0 -t 00:00:05.0 $mpegopts $opts $out/cut2.mp4 18 | ffmpeg -i $in -ss 00:06:26.0 -t 00:00:05.0 $mpegopts $opts $out/cut3.mp4 19 | -------------------------------------------------------------------------------- /packages/website/src/videos/sintel/cut1.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/videos/sintel/cut1.mp4 -------------------------------------------------------------------------------- /packages/website/src/videos/sintel/cut1.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/videos/sintel/cut1.webm -------------------------------------------------------------------------------- /packages/website/src/videos/sintel/cut2.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/videos/sintel/cut2.mp4 -------------------------------------------------------------------------------- /packages/website/src/videos/sintel/cut2.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/videos/sintel/cut2.webm -------------------------------------------------------------------------------- /packages/website/src/videos/sintel/cut3.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/videos/sintel/cut3.mp4 -------------------------------------------------------------------------------- /packages/website/src/videos/sintel/cut3.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gre/gl-transition-libs/5f8334e99252acfe60a1a3e16f955f1754e44b4b/packages/website/src/videos/sintel/cut3.webm --------------------------------------------------------------------------------