Skip to content

Instantly share code, notes, and snippets.

View spemer's full-sized avatar
👨‍💻
Designer

Hyouk Seo spemer

👨‍💻
Designer
View GitHub Profile
@spemer
spemer / customize-scrollbar.css
Last active May 4, 2024 06:37
✨ Customize website's scrollbar like Mac OS. Not supports in Firefox and IE.
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
/* total width */
body::-webkit-scrollbar {
background-color: #fff;
width: 16px;
}
/* background of the scrollbar except button or resizer */
@spemer
spemer / App.vue
Last active October 14, 2021 05:02
App.vue -> axios
<template lang="pug">
div#app
div(
v-for="user in users"
:key="users.id"
)
h1 {{ user.name }}
p {{ user.email }}
button(@click="fetchUsers") Click me!
</template>
@spemer
spemer / sitemap.xml
Last active April 11, 2020 16:52
sitemap.xml
<?xml version="1.0" encoding="UTF-8"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>https://website.com/sitemap/sitemap-common.xml.gz</loc>
<lastmod>2020-04-03T08:19:46.858Z</lastmod>
</sitemap>
<sitemap>
<loc>https://website.com/sitemap/sitemap-posts.xml.gz</loc>
<lastmod>2020-04-03T08:19:46.858Z</lastmod>
</sitemap>
@spemer
spemer / sitemap.js
Last active April 11, 2020 16:52
sitemap.js
const fs = require("fs");
const globby = require("globby");
const prettier = require("prettier");
const getDate = new Date().toISOString();
const webrootDomain = "https://website.com";
const formatted = sitemap => prettier.format(sitemap, { parser: "html" });
@spemer
spemer / compress.js
Created April 11, 2020 16:46
compress.js
const fs = require("fs");
const zlib = require("zlib");
var dirs = ["../public/sitemap"];
dirs.forEach((dir) => {
fs.readdirSync(dir).forEach((file) => {
if (file.endsWith(".xml")) {
// gzip
const fileContents = fs.createReadStream(dir + "/" + file);
@spemer
spemer / sitemap-posts.xml
Last active April 3, 2020 17:15
sitemap-posts.xml
<?xml version="1.0" encoding="UTF-8"?>
<urlset
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
>
<url>
<loc>https://website.com/post/1</loc>
<lastmod>2020-04-03T16:03:19.388Z</lastmod>
</url>
@spemer
spemer / sitemap-posts.js
Last active April 3, 2020 16:22
sitemap-posts.js
const fs = require("fs");
const fetch = require("node-fetch");
const prettier = require("prettier");
const getDate = new Date().toISOString();
const fetchUrl = "https://jsonplaceholder.typicode.com/posts";
const YOUR_AWESOME_DOMAIN = "https://website.com";
const formatted = sitemap => prettier.format(sitemap, { parser: "html" });
@spemer
spemer / sitemap-common.js
Last active April 3, 2020 16:17
sitemap-common.js
const fs = require("fs");
const globby = require("globby");
const prettier = require("prettier");
const getDate = new Date().toISOString();
const YOUR_AWESOME_DOMAIN = "https://website.com";
const formatted = sitemap => prettier.format(sitemap, { parser: "html" });
@spemer
spemer / sitemap-common.xml
Last active April 3, 2020 16:09
sitemap/sitemap-common.xml
<?xml version="1.0" encoding="UTF-8"?>
<urlset
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
>
<url>
<loc>https://website.com/</loc>
<lastmod>2020-04-03T08:19:25.691Z</lastmod>
</url>
@spemer
spemer / main.js
Last active September 16, 2018 12:51
vue-rippler / main.js
// main.js
import Vue from 'vue'
import VueRippler from 'vue-rippler'
Vue.use(VueRippler)