updated samples
parent
d7efaffe0a
commit
86248b77f1
@ -0,0 +1,71 @@
|
||||
document.addEventListener("DOMContentLoaded", () =>
|
||||
document.querySelectorAll("pre.msh .js-copy").forEach((copy) =>
|
||||
copy.addEventListener("click", (e) =>
|
||||
e.preventDefault()
|
||||
|
||||
content = copy.nextElementSibling
|
||||
range = document.createRange()
|
||||
range.selectNode(content)
|
||||
|
||||
window.getSelection().addRange(range)
|
||||
|
||||
try
|
||||
successful = document.execCommand("copy")
|
||||
copy.innerHTML = "Copied!"
|
||||
|
||||
setTimeout =>
|
||||
copy.innerHTML = "Copy"
|
||||
, 1500
|
||||
|
||||
msg = successful ? "successful" : "unsuccessful"
|
||||
console.log({ msg })
|
||||
|
||||
catch error
|
||||
console.log("Oops, unable to copy...")
|
||||
|
||||
window.getSelection().removeAllRanges()
|
||||
)
|
||||
)
|
||||
|
||||
document.querySelectorAll("pre.msh code[data-language='html'] span.line").forEach((line) =>
|
||||
content = line.innerHTML
|
||||
content = content.replaceAll(/(<(\/?))(.+?(?=>))(>)/g, "$1<span class='c2'>$3</span>$4")
|
||||
|
||||
line.innerHTML = content
|
||||
pink = line.querySelector(".c2")
|
||||
|
||||
if pink != null
|
||||
content = pink.innerHTML.split(" ")
|
||||
content = content.map((part, index) =>
|
||||
if index > 0
|
||||
if part.includes("=")
|
||||
part = part.replaceAll(/(.+?)(".*)/g, "<span class='c3'>$1</span><span class='c4'>$2</span>")
|
||||
else
|
||||
part = part.replaceAll(/(.*\S)/g, "<span class='c3'>$1</span>")
|
||||
part
|
||||
).join(" ")
|
||||
pink.innerHTML = content
|
||||
return
|
||||
)
|
||||
|
||||
document.querySelectorAll("pre.msh code[data-language='css'] span.line").forEach((line) =>
|
||||
content = line.innerHTML
|
||||
|
||||
if line.dataset.indent
|
||||
content = content.split(/:/g).map((part, index) =>
|
||||
if index == 0
|
||||
part.replace(/(.*)/g, "<span class='c7'>$1</span>")
|
||||
else
|
||||
part = part.replaceAll(/(\S.+?(?=\s|;))/g, "<span class='c6'>$1</span>")
|
||||
part = part.replaceAll(/(".+?(?=,|\s|;))/g, "<span class='c4'>$1</span>")
|
||||
part = part.replaceAll(/(url\(.+?(?=\s|;))/g, "<span class='c3'>$1</span>")
|
||||
part.replaceAll(/\((.+?(?=\)))/g, "(<span class='c4'>$1</span>")
|
||||
).join(":")
|
||||
else
|
||||
content = content.replaceAll(/(.+?(?=,|\s|{}))/g, "<span class='c2'>$1</span>")
|
||||
content = content.replaceAll(/((\.|:).+?(?=\s))/g, "<span class='c3'>$1</span>")
|
||||
|
||||
line.innerHTML = content
|
||||
return
|
||||
)
|
||||
)
|
@ -0,0 +1,32 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Roboto:400);
|
||||
@import url("chrome://communicator/skin/");
|
||||
@import 'custom.css' screen and (max-width: 768px);
|
||||
|
||||
@font-face {
|
||||
font-family: 'Galada-Regular';
|
||||
src: url('Galada-Regular.ttf');
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* Applies to the entire body of the HTML document (except where overridden by more specific
|
||||
selectors). */
|
||||
body {
|
||||
margin: 25px;
|
||||
background-color: rgb(240,240,240);
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Applies to all <h1>...</h1> elements. */
|
||||
h1 {
|
||||
font-size: 35px;
|
||||
font-weight: normal;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Applies to all elements with <... class="someclass"> specified. */
|
||||
.someclass { color: red; }
|
||||
|
||||
/* Applies to the element with <... id="someid"> specified. */
|
||||
#someid { color: green; }
|
@ -0,0 +1,28 @@
|
||||
const Generator = require("yeoman-generator")
|
||||
const chalk = require('chalk')
|
||||
const yosay = require("yosay")
|
||||
|
||||
module.exports = class extends Generator {
|
||||
prompting() {
|
||||
// have yeoman greet the user
|
||||
this.log(chalk.red("Let\'s do this"))
|
||||
|
||||
const prompts = [{
|
||||
message: 'Enter the excercise title',
|
||||
worker: true,
|
||||
action: null,
|
||||
age: 123
|
||||
}];
|
||||
|
||||
return this.prompt(prompts).then(props => {
|
||||
// you can access them later
|
||||
this.props = props
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function exclamate(message) {
|
||||
return message + "!"
|
||||
}
|
||||
|
||||
console.log(exclamate("lol"))
|
@ -0,0 +1,24 @@
|
||||
{
|
||||
"name": "Catppuccin",
|
||||
"version": "1.0.0",
|
||||
"description": "JSON sample",
|
||||
"main": "readme.md",
|
||||
"scripts": {
|
||||
"gulp": "gulp"
|
||||
},
|
||||
"devDependencies": {
|
||||
"gulp": "^4.0.2",
|
||||
"browser-sync": "^2.27.5",
|
||||
"gulp-sass": "^5.0.0",
|
||||
"gulp-uglify-es": "^2.0.0",
|
||||
"sass": "^1.35.1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/catppuccin/catppuccin"
|
||||
},
|
||||
"keywords": ["gulp", "pugjs", "sass", "coffeescript", "template"],
|
||||
"author": "John Doe",
|
||||
"license": "MIT",
|
||||
"homepage": "https://github.com/catppuccin"
|
||||
}
|
Loading…
Reference in New Issue