mirror of https://github.com/Mayccoll/Gogh.git
add VUE for landing page
This commit is contained in:
Miguel D
parent
029896f393
commit
8502d3a43d
|
|
@ -1 +0,0 @@
|
|||
node_modules
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
{
|
||||
"editorconfig" : true,
|
||||
"indent_size" : 2,
|
||||
"html": {
|
||||
"indent_size" : 4,
|
||||
"indent_char" : " ",
|
||||
"end_with_newline" : true,
|
||||
"wrap_attributes" : "force-aligned",
|
||||
"brace_style" : "end-expand",
|
||||
"unformatted" : ["abbr", "area", "audio", "b", "bdi", "bdo", "br","canvas", "cite", "code", "data", "datalist", "del", "dfn", "em", "embed", "i", "iframe", "img", "ins", "kbd", "keygen", "label", "map", "mark", "math", "meter", "noscript", "object", "output", "progress", "q", "ruby", "s", "samp", "select", "small", "span", "strong", "sub", "sup", "svg", "template", "textarea", "time", "u", "var", "video", "wbr", "text", "acronym", "address", "big", "dt", "ins", "strike", "tt", "link", "meta", "option", "script"],
|
||||
"beautifiers" : [
|
||||
"JS-Beautify"
|
||||
],
|
||||
"js": {
|
||||
"indent_size": 2
|
||||
},
|
||||
"css": {
|
||||
"indent_size": 2
|
||||
}
|
||||
},
|
||||
"css": {
|
||||
"beautifiers" : [
|
||||
"Prettier",
|
||||
"Pretty Diff",
|
||||
"JS-Beautify"
|
||||
],
|
||||
"align_assignments" : true,
|
||||
"indent_size" : 2,
|
||||
"end_with_comma" : true,
|
||||
"end_with_newline" : true
|
||||
},
|
||||
"JavaScript": {
|
||||
"indent_size" : 2,
|
||||
"indent_char" : " ",
|
||||
"align_assignments" : true,
|
||||
"preserve-newlines" : true,
|
||||
"beautifiers" : [
|
||||
"Pretty Diff"
|
||||
]
|
||||
}
|
||||
}
|
||||
10
README.md
10
README.md
|
|
@ -8,14 +8,22 @@ permalink: /index.html
|
|||
|
||||
### Pre:
|
||||
|
||||
- Gulp
|
||||
- node
|
||||
- npm
|
||||
- Gulp
|
||||
|
||||
## Start:
|
||||
|
||||
- In root repo folder
|
||||
- Run `npm install`. This will install all dependencies the project needs.
|
||||
- Run `gulp dev` and start coding .
|
||||
- Got to `./gh-pages/`
|
||||
----
|
||||
|
||||
## Add theme
|
||||
|
||||
- Add preview image in `./images/` folder.
|
||||
- Go to `./gh-pages/data/themes.js` and add your theme there.
|
||||
|
||||
----
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,856 @@
|
|||
var $themes = [{
|
||||
"name": "3024 Day",
|
||||
"image": "/images/themes/3024-day.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "3024 Night",
|
||||
"image": "/images/themes/3024-night.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Aci",
|
||||
"image": "/images/themes/aci.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Aco",
|
||||
"image": "/images/themes/aco.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Adventure Time",
|
||||
"image": "/images/themes/adventure-time.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Afterglow",
|
||||
"image": "/images/themes/afterglow.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Alien Blood",
|
||||
"image": "/images/themes/alien-blood.jpg",
|
||||
"filters": "dark bg-green"
|
||||
},
|
||||
{
|
||||
"name": "Argonaut",
|
||||
"image": "/images/themes/argonaut.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Arthur",
|
||||
"image": "/images/themes/arthur.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Atom",
|
||||
"image": "/images/themes/atom.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Azu",
|
||||
"image": "/images/themes/azu.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Belafonte Day",
|
||||
"image": "/images/themes/belafonte-day.jpg",
|
||||
"filters": "light bg-beich"
|
||||
},
|
||||
{
|
||||
"name": "Belafonte Night",
|
||||
"image": "/images/themes/belafonte-night.jpg",
|
||||
"filters": "dark bg-purple"
|
||||
},
|
||||
{
|
||||
"name": "Bim",
|
||||
"image": "/images/themes/bim.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Birds Of Paradise",
|
||||
"image": "/images/themes/birds-of-paradise.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Blazer",
|
||||
"image": "/images/themes/blazer.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Borland",
|
||||
"image": "/images/themes/borland.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Broadcast",
|
||||
"image": "/images/themes/broadcast.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Brogrammer",
|
||||
"image": "/images/themes/brogrammer.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "C64",
|
||||
"image": "/images/themes/c64.jpg",
|
||||
"filters": "dark bg-violet"
|
||||
},
|
||||
{
|
||||
"name": "Cai",
|
||||
"image": "/images/themes/cai.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Chalk",
|
||||
"image": "/images/themes/chalk.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Chalkboard",
|
||||
"image": "/images/themes/chalkboard.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Ciapre",
|
||||
"image": "/images/themes/ciapre.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Clone Of Ubuntu",
|
||||
"image": "/images/themes/clone-of-ubuntu.jpg",
|
||||
"filters": "dark bg-purple"
|
||||
},
|
||||
{
|
||||
"name": "CLRS",
|
||||
"image": "/images/themes/clrs.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Cobalt Neon",
|
||||
"image": "/images/themes/cobalt-neon.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Cobalt 2",
|
||||
"image": "/images/themes/cobalt2.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Crayon Pony Fish",
|
||||
"image": "/images/themes/crayon-pony-fish.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Dark Pastel",
|
||||
"image": "/images/themes/dark-pastel.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Darkside",
|
||||
"image": "/images/themes/darkside.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Desert",
|
||||
"image": "/images/themes/desert.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Dimmed Monokai",
|
||||
"image": "/images/themes/dimmed-monokai.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Dracula",
|
||||
"image": "/images/themes/dracula.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Earthsong",
|
||||
"image": "/images/themes/earthsong.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Elemental",
|
||||
"image": "/images/themes/elemental.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Elementary",
|
||||
"image": "/images/themes/elementary.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Elic",
|
||||
"image": "/images/themes/elic.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Elio",
|
||||
"image": "/images/themes/elio.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Espresso Libre",
|
||||
"image": "/images/themes/espresso-libre.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Espresso",
|
||||
"image": "/images/themes/espresso.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Fishtank",
|
||||
"image": "/images/themes/fishtank.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Flat",
|
||||
"image": "/images/themes/flat.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Flatland",
|
||||
"image": "/images/themes/flatland.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Foxnightly",
|
||||
"image": "/images/themes/foxnightly.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Freya",
|
||||
"image": "/images/themes/freya.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Frontend Delight",
|
||||
"image": "/images/themes/frontend-delight.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Frontend Fun Forrest",
|
||||
"image": "/images/themes/frontend-fun-forrest.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Frontend Galaxy",
|
||||
"image": "/images/themes/frontend-galaxy.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Github",
|
||||
"image": "/images/themes/github.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Gotham",
|
||||
"image": "/images/themes/gotham.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Google Dark",
|
||||
"image": "/images/themes/google-dark.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Google Light",
|
||||
"image": "/images/themes/google-light.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Gooey",
|
||||
"image": "/images/themes/gooey.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Grape",
|
||||
"image": "/images/themes/grape.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Grass",
|
||||
"image": "/images/themes/grass.jpg",
|
||||
"filters": "dark bg-green"
|
||||
},
|
||||
{
|
||||
"name": "Gruvbox Dark",
|
||||
"image": "/images/themes/gruvbox-dark.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Gruvbox",
|
||||
"image": "/images/themes/gruvbox.jpg",
|
||||
"filters": "light bg-beich"
|
||||
},
|
||||
{
|
||||
"name": "Hardcore",
|
||||
"image": "/images/themes/hardcore.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Harper",
|
||||
"image": "/images/themes/harper.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Hemisu Dark",
|
||||
"image": "/images/themes/hemisu-dark.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Hemisu Light",
|
||||
"image": "/images/themes/hemisu-light.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Highway",
|
||||
"image": "/images/themes/highway.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Hipster Green",
|
||||
"image": "/images/themes/hipster-green.jpg",
|
||||
"filters": "dark bg-green"
|
||||
},
|
||||
{
|
||||
"name": "Homebrew",
|
||||
"image": "/images/themes/homebrew.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Hurtado",
|
||||
"image": "/images/themes/hurtado.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Hydrid",
|
||||
"image": "/images/themes/Hybrid.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Ic Green Ppl",
|
||||
"image": "/images/themes/ic-green-ppl.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Ic Orange Ppl",
|
||||
"image": "/images/themes/ic-orange-ppl.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Idle Toes",
|
||||
"image": "/images/themes/idle-toes.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Ir Black",
|
||||
"image": "/images/themes/ir-black.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Jackie Brown",
|
||||
"image": "/images/themes/jackie-brown.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Japanesque",
|
||||
"image": "/images/themes/japanesque.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Jellybeans",
|
||||
"image": "/images/themes/jellybeans.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Jup",
|
||||
"image": "/images/themes/jup.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Kibble",
|
||||
"image": "/images/themes/kibble.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "kokuban",
|
||||
"image": "/images/themes/kokuban.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Later This Evening",
|
||||
"image": "/images/themes/later-this-evening.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Lavandula",
|
||||
"image": "/images/themes/lavandula.jpg",
|
||||
"filters": "dark bg-violet"
|
||||
},
|
||||
{
|
||||
"name": "Liquid Carbon",
|
||||
"image": "/images/themes/liquid-carbon.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Liquid Carbon Transparent",
|
||||
"image": "/images/themes/liquid-carbon-transparent.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Maia",
|
||||
"image": "/images/themes/maia.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Man Page",
|
||||
"image": "/images/themes/man-page.jpg",
|
||||
"filters": "light bg-beich"
|
||||
},
|
||||
{
|
||||
"name": "Mar",
|
||||
"image": "/images/themes/mar.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Material Colors",
|
||||
"image": "/images/themes/material-colors.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Mathias",
|
||||
"image": "/images/themes/mathias.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Medallion",
|
||||
"image": "/images/themes/medallion.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Misterioso",
|
||||
"image": "/images/themes/misterioso.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Miu",
|
||||
"image": "/images/themes/miu.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Molokai",
|
||||
"image": "/images/themes/molokai.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Mona Lisa",
|
||||
"image": "/images/themes/mona-lisa.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Monokai Dark",
|
||||
"image": "/images/themes/monokai.dark.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Monokai Soda",
|
||||
"image": "/images/themes/monokai-soda.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "N0tch2k",
|
||||
"image": "/images/themes/n0tch2k.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Neopolitan",
|
||||
"image": "/images/themes/neopolitan.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Nep",
|
||||
"image": "/images/themes/nep.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Neutron",
|
||||
"image": "/images/themes/neutron.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Nightlion V1",
|
||||
"image": "/images/themes/nightlion-v1.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Nightlion V2",
|
||||
"image": "/images/themes/nightlion-v2.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Nighty",
|
||||
"image": "/images/themes/nighty.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Nord Light",
|
||||
"image": "/images/themes/nord-light.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Nord",
|
||||
"image": "/images/themes/nord.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Novel",
|
||||
"image": "/images/themes/novel.jpg",
|
||||
"filters": "light bg-beich"
|
||||
},
|
||||
{
|
||||
"name": "Obsidian",
|
||||
"image": "/images/themes/obsidian.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Ocean Dark",
|
||||
"image": "/images/themes/ocean-dark.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Ocean",
|
||||
"image": "/images/themes/ocean.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Oceanic Next",
|
||||
"image": "/images/themes/oceanic-next.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Ollie",
|
||||
"image": "/images/themes/ollie.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "One Dark",
|
||||
"image": "/images/themes/one.dark.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "One Half Black",
|
||||
"image": "/images/themes/one-half-black.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "One Light",
|
||||
"image": "/images/themes/one.light.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Pali",
|
||||
"image": "/images/themes/pali.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Paraiso Dark",
|
||||
"image": "/images/themes/paraiso-dark.jpg",
|
||||
"filters": "dark bg-purple"
|
||||
},
|
||||
{
|
||||
"name": "Paul Millr",
|
||||
"image": "/images/themes/paul-millr.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Pencil Dark",
|
||||
"image": "/images/themes/pencil-dark.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Pencil Light",
|
||||
"image": "/images/themes/pencil-light.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Peppermint",
|
||||
"image": "/images/themes/peppermint.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Pnevma",
|
||||
"image": "/images/themes/pnevma.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Pro",
|
||||
"image": "/images/themes/pro.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Red Alert",
|
||||
"image": "/images/themes/red-alert.jpg",
|
||||
"filters": "dark bg-red"
|
||||
},
|
||||
{
|
||||
"name": "Red Sands",
|
||||
"image": "/images/themes/red-sands.jpg",
|
||||
"filters": "dark bg-red"
|
||||
},
|
||||
{
|
||||
"name": "Rippedcasts",
|
||||
"image": "/images/themes/rippedcasts.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Royal",
|
||||
"image": "/images/themes/royal.jpg",
|
||||
"filters": "dark bg-violet"
|
||||
},
|
||||
{
|
||||
"name": "Sat",
|
||||
"image": "/images/themes/sat.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Sea Shells",
|
||||
"image": "/images/themes/sea-shells.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Seafoam Pastel",
|
||||
"image": "/images/themes/seafoam-pastel.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Seti",
|
||||
"image": "/images/themes/seti.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Shaman",
|
||||
"image": "/images/themes/shaman.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Shel",
|
||||
"image": "/images/themes/shel.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Slate",
|
||||
"image": "/images/themes/slate.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Smyck",
|
||||
"image": "/images/themes/smyck.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Snazzy",
|
||||
"image": "/images/themes/snazzy.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Soft Server",
|
||||
"image": "/images/themes/soft-server.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Solarized Darcula",
|
||||
"image": "/images/themes/solarized-darcula.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Solarized Dark Higher Contrast",
|
||||
"image": "/images/themes/solarized-dark-higher-contrast.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Solarized Dark",
|
||||
"image": "/images/themes/solarized.dark.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Solarized Light",
|
||||
"image": "/images/themes/solarized.light.jpg",
|
||||
"filters": "light bg-beich"
|
||||
},
|
||||
{
|
||||
"name": "Spacedust",
|
||||
"image": "/images/themes/spacedust.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Spacegray Eighties Dull",
|
||||
"image": "/images/themes/spacegray-eighties-dull.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Spacegray Eighties",
|
||||
"image": "/images/themes/spacegray-eighties.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Spacegray",
|
||||
"image": "/images/themes/spacegray.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Spring",
|
||||
"image": "/images/themes/spring.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Square",
|
||||
"image": "/images/themes/square.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Srcery",
|
||||
"image": "/images/themes/srcery.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Summer Pop",
|
||||
"image": "/images/themes/summer-pop.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Sundried",
|
||||
"image": "/images/themes/sundried.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Symphonic",
|
||||
"image": "/images/themes/symphonic.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Teerb",
|
||||
"image": "/images/themes/teerb.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Terminal Basic",
|
||||
"image": "/images/themes/terminal-basic.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Terminix Dark",
|
||||
"image": "/images/themes/terminix-dark.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Thayer Bright",
|
||||
"image": "/images/themes/thayer-bright.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Tin",
|
||||
"image": "/images/themes/tin.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Tomorrow Night Blue",
|
||||
"image": "/images/themes/tomorrow-night-blue.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Tomorrow Night Bright",
|
||||
"image": "/images/themes/tomorrow-night-bright.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Tomorrow Night Eighties",
|
||||
"image": "/images/themes/tomorrow-night-eighties.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Tomorrow Night",
|
||||
"image": "/images/themes/tomorrow-night.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Tomorrow",
|
||||
"image": "/images/themes/tomorrow.jpg",
|
||||
"filters": "light bg-white"
|
||||
},
|
||||
{
|
||||
"name": "Toy Chest",
|
||||
"image": "/images/themes/toy-chest.jpg",
|
||||
"filters": "dark bg-blue"
|
||||
},
|
||||
{
|
||||
"name": "Treehouse",
|
||||
"image": "/images/themes/treehouse.jpg",
|
||||
"filters": "dark bg-brown"
|
||||
},
|
||||
{
|
||||
"name": "Twilight",
|
||||
"image": "/images/themes/twilight.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Ura",
|
||||
"image": "/images/themes/ura.jpg",
|
||||
"filters": "light bg-beich"
|
||||
},
|
||||
{
|
||||
"name": "Urple",
|
||||
"image": "/images/themes/urple.jpg",
|
||||
"filters": "dark bg-purple"
|
||||
},
|
||||
{
|
||||
"name": "Vag",
|
||||
"image": "/images/themes/vag.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Vaughn",
|
||||
"image": "/images/themes/vaughn.jpg",
|
||||
"filters": "dark bg-violet"
|
||||
},
|
||||
{
|
||||
"name": "Vibrant Ink",
|
||||
"image": "/images/themes/vibrant-ink.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Warm Neon",
|
||||
"image": "/images/themes/warm-neon.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Wez",
|
||||
"image": "/images/themes/wez.jpg",
|
||||
"filters": "dark bg-black"
|
||||
},
|
||||
{
|
||||
"name": "Wild Cherry",
|
||||
"image": "/images/themes/wild-cherry.jpg",
|
||||
"filters": "dark bg-purple"
|
||||
},
|
||||
{
|
||||
"name": "Wombat",
|
||||
"image": "/images/themes/wombat.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Wryan",
|
||||
"image": "/images/themes/wryan.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
},
|
||||
{
|
||||
"name": "Zenburn",
|
||||
"image": "/images/themes/zenburn.jpg",
|
||||
"filters": "dark bg-grey"
|
||||
}
|
||||
]
|
||||
43
gulpfile.js
43
gulpfile.js
|
|
@ -1,43 +0,0 @@
|
|||
'use strict';
|
||||
|
||||
const gulp = require('gulp');
|
||||
|
||||
const htmlmin = require('gulp-htmlmin');
|
||||
const inlinesource = require('gulp-inline-source');
|
||||
const rename = require("gulp-rename");
|
||||
const browserSync = require('browser-sync').create();
|
||||
|
||||
|
||||
gulp.task('minify', () => {
|
||||
return gulp.src('./*.src.html')
|
||||
.pipe(inlinesource())
|
||||
.pipe(htmlmin({ collapseWhitespace: true }))
|
||||
.pipe(rename("index.html"))
|
||||
.pipe(gulp.dest('./'));
|
||||
});
|
||||
|
||||
gulp.task('serve', function () {
|
||||
browserSync.init({
|
||||
port: 8890,
|
||||
reloadDelay: 500,
|
||||
ui: false,
|
||||
open: true,
|
||||
server: {
|
||||
baseDir: './',
|
||||
directory: true
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
gulp.task('reload', function (done) {
|
||||
browserSync.reload();
|
||||
done();
|
||||
});
|
||||
|
||||
gulp.task('watch', ['serve'], function () {
|
||||
gulp.watch(['./**/*', '!./index.html'], { interval: 800 }, ['minify', 'reload']);
|
||||
});
|
||||
|
||||
gulp.task('default', ['watch']);
|
||||
|
||||
gulp.task('dev', ['watch']);
|
||||
File diff suppressed because one or more lines are too long
1233
index.src.html
1233
index.src.html
File diff suppressed because it is too large
Load Diff
|
|
@ -1,96 +1,23 @@
|
|||
jQuery(document).ready(function(t) {
|
||||
new Clipboard('.btn-copy');
|
||||
function e(e) {
|
||||
var i = t([t(".cd-filter-trigger"), t(".cd-filter"), t(".cd-tab-filter"), t(".cd-gallery")]);
|
||||
i.each(function() {
|
||||
t(this).toggleClass("filter-is-visible", e)
|
||||
})
|
||||
$(document).ready(function() {
|
||||
var containerEl = document.querySelector(".cd-gallery");
|
||||
var mixer = mixitup(containerEl, {
|
||||
animation: {
|
||||
easing: "cubic-bezier(0.645, 0.045, 0.355, 1)"
|
||||
}
|
||||
|
||||
function i() {
|
||||
var e = t(".cd-main-content").offset().top,
|
||||
i = t(window).scrollTop();
|
||||
i >= e ? t(".cd-main-content").addClass("is-fixed") : t(".cd-main-content").removeClass("is-fixed")
|
||||
}
|
||||
t(".cd-filter-trigger").on("click", function() {
|
||||
e(!0)
|
||||
}), t(".cd-filter .cd-close").on("click", function() {
|
||||
e(!1)
|
||||
});
|
||||
var n = t(".cd-tab-filter .placeholder a"),
|
||||
a = "Select",
|
||||
c = n.text();
|
||||
t(".cd-tab-filter li").on("click", function(e) {
|
||||
var i = t(e.target).data("type");
|
||||
t(e.target).is(n) ? (n.text(a == n.text() ? c : a), t(".cd-tab-filter").toggleClass("is-open")) : n.data("type") == i ? (n.text(t(e.target).text()), t(".cd-tab-filter").removeClass("is-open")) : (t(".cd-tab-filter").removeClass("is-open"), n.text(t(e.target).text()).data("type", i), c = t(e.target).text(), t(".cd-tab-filter .selected").removeClass("selected"), t(e.target).addClass("selected"))
|
||||
}), t(".cd-filter-block h4").on("click", function() {
|
||||
t(this).toggleClass("closed").siblings(".cd-filter-content").slideToggle(300)
|
||||
}), t(window).on("scroll", function() {
|
||||
window.requestAnimationFrame ? window.requestAnimationFrame(i) : i()
|
||||
}), buttonFilter.init(), t(".cd-gallery ul").mixItUp({
|
||||
controls: {
|
||||
enable: !1
|
||||
},
|
||||
callbacks: {
|
||||
onMixStart: function() {
|
||||
t(".cd-fail-message").fadeOut(200)
|
||||
},
|
||||
onMixFail: function() {
|
||||
t(".cd-fail-message").fadeIn(200)
|
||||
}
|
||||
}
|
||||
});
|
||||
var r, l = t(),
|
||||
o = function() {
|
||||
var t = 0;
|
||||
return function(e, i) {
|
||||
clearTimeout(t), t = setTimeout(e, i)
|
||||
}
|
||||
}();
|
||||
t(".cd-filter-content input[type='search']").keyup(function() {
|
||||
o(function() {
|
||||
r = t(".cd-filter-content input[type='search']").val().toLowerCase(), r.length > 0 ? (t(".mix").each(function() {
|
||||
var e = t(this);
|
||||
l = e.attr("class").toLowerCase().match(r) ? l.add(this) : l.not(this)
|
||||
}), t(".cd-gallery ul").mixItUp("filter", l)) : t(".cd-gallery ul").mixItUp("filter", "all")
|
||||
}, 200)
|
||||
})
|
||||
});
|
||||
});
|
||||
var buttonFilter = {
|
||||
$filters: null,
|
||||
groups: [],
|
||||
outputArray: [],
|
||||
outputString: "",
|
||||
init: function() {
|
||||
var t = this;
|
||||
t.$filters = $(".cd-main-content"), t.$container = $(".cd-gallery ul"), t.$filters.find(".cd-filters").each(function() {
|
||||
var e = $(this);
|
||||
t.groups.push({
|
||||
$inputs: e.find(".filter"),
|
||||
active: "",
|
||||
tracker: !1
|
||||
})
|
||||
}), t.bindHandlers()
|
||||
},
|
||||
bindHandlers: function() {
|
||||
var t = this;
|
||||
t.$filters.on("click", "a", function() {
|
||||
t.parseFilters()
|
||||
}), t.$filters.on("change", function() {
|
||||
t.parseFilters()
|
||||
})
|
||||
},
|
||||
parseFilters: function() {
|
||||
for (var t, e = this, i = 0; t = e.groups[i]; i++) t.active = [], t.$inputs.each(function() {
|
||||
var e = $(this);
|
||||
e.is('input[type="radio"]') || e.is('input[type="checkbox"]') ? e.is(":checked") && t.active.push(e.attr("data-filter")) : e.is("select") ? t.active.push(e.val()) : e.find(".selected").length > 0 && t.active.push(e.attr("data-filter"))
|
||||
});
|
||||
e.concatenate()
|
||||
},
|
||||
concatenate: function() {
|
||||
var t = this;
|
||||
t.outputString = "";
|
||||
for (var e, i = 0; e = t.groups[i]; i++) t.outputString += e.active;
|
||||
!t.outputString.length && (t.outputString = "all"), t.$container.mixItUp("isLoaded") && t.$container.mixItUp("filter", t.outputString)
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
$('.filter a').click(function (e) {
|
||||
e.preventDefault();
|
||||
$('a').removeClass('selected');
|
||||
$(this).addClass('selected');
|
||||
});
|
||||
|
||||
/**
|
||||
* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
|
||||
* ······· Copy
|
||||
* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
|
||||
*/
|
||||
|
||||
new ClipboardJS('.btn-copy');
|
||||
|
|
|
|||
|
|
@ -0,0 +1,23 @@
|
|||
/* global $, fetch, console */
|
||||
/* eslint no-undef: "error", semi: 2 */
|
||||
/* jshint esversion: 6 */
|
||||
|
||||
// var $themes = './data/themes.json';
|
||||
|
||||
Vue.component('component', {
|
||||
template: '#wrap_themes',
|
||||
props: {
|
||||
data: {
|
||||
type: null
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var $app = new Vue({
|
||||
el: '#js-vue-app',
|
||||
data: function () {
|
||||
return {
|
||||
theme_data: $themes
|
||||
}
|
||||
}
|
||||
});
|
||||
21
package.json
21
package.json
|
|
@ -1,21 +0,0 @@
|
|||
{
|
||||
"name": "",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "",
|
||||
"homepage": "",
|
||||
"devDependencies": {},
|
||||
"dependencies": {
|
||||
"browser-sync": "^2.24.7",
|
||||
"compass-mixins": "^0.12.10",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-htmlmin": "^5.0.1",
|
||||
"gulp-inline-source": "^4.0.0",
|
||||
"gulp-rename": "^1.4.0"
|
||||
}
|
||||
}
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
// compileCompressed: ../css/main.min.css, sourceMap: true, sourceMapEmbed: true
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
|
|
@ -276,7 +275,7 @@ a {
|
|||
display: none;
|
||||
|
||||
&:first-child {
|
||||
display: block;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -401,7 +400,7 @@ a {
|
|||
margin-right : 2em;
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
||||
box-shadow : 0 1px 4px rgba(0, 0, 0, 0.1);
|
||||
display : none;
|
||||
display : inline-block;
|
||||
|
||||
&.gap {
|
||||
opacity: 0;
|
||||
|
|
@ -939,6 +938,10 @@ body {
|
|||
position : relative;
|
||||
margin-top: 15px;
|
||||
|
||||
pre {
|
||||
padding: 20px 5px 0 5px;
|
||||
}
|
||||
|
||||
.btn-copy {
|
||||
position : absolute;
|
||||
top : 25px;
|
||||
|
|
@ -948,6 +951,7 @@ body {
|
|||
border : 1px solid #d8d8d8;
|
||||
border-radius : 3px;
|
||||
background-color: #F5F2F0;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: #d8d8d8;
|
||||
|
|
|
|||
Loading…
Reference in New Issue