Update all indentation from tabs to spaces

It seems there were a few stray tabs that used to be there earlier
but since we're now using spaces, we've got rid of all the tabs
permanently.
This commit is contained in:
Badri Sunderarajan 2022-08-05 10:56:03 +05:30 committed by Badri
parent 9f2c248e41
commit 38b1aff162
5 changed files with 116 additions and 116 deletions

View file

@ -1,63 +1,63 @@
html, body { html, body {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
body { body {
color: #333; color: #333;
margin: 0; margin: 0;
padding: 8px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} }
a { a {
color: rgb(0,100,200); color: rgb(0,100,200);
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
a:visited { a:visited {
color: rgb(0,80,160); color: rgb(0,80,160);
} }
label { label {
display: block; display: block;
} }
input, button, select, textarea { input, button, select, textarea {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
-webkit-padding: 0.4em 0; -webkit-padding: 0.4em 0;
padding: 0.4em; padding: 0.4em;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 2px; border-radius: 2px;
} }
input:disabled { input:disabled {
color: #ccc; color: #ccc;
} }
button { button {
color: #333; color: #333;
background-color: #f4f4f4; background-color: #f4f4f4;
outline: none; outline: none;
} }
button:disabled { button:disabled {
color: #999; color: #999;
} }
button:not(:disabled):active { button:not(:disabled):active {
background-color: #ddd; background-color: #ddd;
} }
button:focus { button:focus {
border-color: #666; border-color: #666;
} }

View file

@ -1,16 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta name='viewport' content='width=device-width,initial-scale=1'> <meta name='viewport' content='width=device-width,initial-scale=1'>
<title>Svelte app</title> <title>Svelte app</title>
<link rel='icon' type='image/png' href='/favicon.png'> <link rel='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='/global.css'> <link rel='stylesheet' href='/global.css'>
<link rel='stylesheet' href='/build/bundle.css'> <link rel='stylesheet' href='/build/bundle.css'>
<script defer src='/build/bundle.js'></script> <script defer src='/build/bundle.js'></script>
</head> </head>
<body> <body>

View file

@ -10,74 +10,74 @@ import css from 'rollup-plugin-css-only';
const production = !process.env.ROLLUP_WATCH; const production = !process.env.ROLLUP_WATCH;
function serve() { function serve() {
let server; let server;
function toExit() { function toExit() {
if (server) server.kill(0); if (server) server.kill(0);
} }
return { return {
writeBundle() { writeBundle() {
if (server) return; if (server) return;
server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], { server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
stdio: ['ignore', 'inherit', 'inherit'], stdio: ['ignore', 'inherit', 'inherit'],
shell: true shell: true
}); });
process.on('SIGTERM', toExit); process.on('SIGTERM', toExit);
process.on('exit', toExit); process.on('exit', toExit);
} }
}; };
} }
export default { export default {
input: 'src/main.ts', input: 'src/main.ts',
output: { output: {
sourcemap: true, sourcemap: true,
format: 'iife', format: 'iife',
name: 'app', name: 'app',
file: 'public/build/bundle.js' file: 'public/build/bundle.js'
}, },
plugins: [ plugins: [
svelte({ svelte({
preprocess: sveltePreprocess({ sourceMap: !production }), preprocess: sveltePreprocess({ sourceMap: !production }),
compilerOptions: { compilerOptions: {
// enable run-time checks when not in production // enable run-time checks when not in production
dev: !production dev: !production
} }
}), }),
// we'll extract any component CSS out into // we'll extract any component CSS out into
// a separate file - better for performance // a separate file - better for performance
css({ output: 'bundle.css' }), css({ output: 'bundle.css' }),
// If you have external dependencies installed from // If you have external dependencies installed from
// npm, you'll most likely need these plugins. In // npm, you'll most likely need these plugins. In
// some cases you'll need additional configuration - // some cases you'll need additional configuration -
// consult the documentation for details: // consult the documentation for details:
// https://github.com/rollup/plugins/tree/master/packages/commonjs // https://github.com/rollup/plugins/tree/master/packages/commonjs
resolve({ resolve({
browser: true, browser: true,
dedupe: ['svelte'] dedupe: ['svelte']
}), }),
commonjs(), commonjs(),
typescript({ typescript({
sourceMap: !production, sourceMap: !production,
inlineSources: !production inlineSources: !production
}), }),
// In dev mode, call `npm run start` once // In dev mode, call `npm run start` once
// the bundle has been generated // the bundle has been generated
!production && serve(), !production && serve(),
// Watch the `public` directory and refresh the // Watch the `public` directory and refresh the
// browser on changes when not in production // browser on changes when not in production
!production && livereload('public'), !production && livereload('public'),
// If we're building for production (npm run build // If we're building for production (npm run build
// instead of npm run dev), minify // instead of npm run dev), minify
production && terser() production && terser()
], ],
watch: { watch: {
clearScreen: false clearScreen: false
} }
}; };

View file

@ -2,7 +2,7 @@
import * as EmailValidator from 'email-validator' import * as EmailValidator from 'email-validator'
import Slug from 'slug' import Slug from 'slug'
export let name: string; export let name: string;
export let email: string; export let email: string;
export let slug: string; export let slug: string;
export let bio: string; export let bio: string;
@ -29,7 +29,7 @@
} }
// Validate email formatting // Validate email formatting
if (!EmailValidator.validate(email)) { if (email && !EmailValidator.validate(email)) {
errors.push(`"${email}" is not a valid email address`) errors.push(`"${email}" is not a valid email address`)
} }
@ -82,8 +82,8 @@
</svelte:head> </svelte:head>
<main> <main>
<h1>Ghost User Maker</h1> <h1>Ghost User Maker</h1>
<p>Enter your new author details below. Once done, click on the "Generate" button to receive a special file that you can import to Ghost to add the author details to the "staff". This will let you select them as the author when publishing a post.</p> <p>Enter your new author details below. Once done, click on the "Generate" button to receive a special file that you can import to Ghost to add the author details to the "staff". This will let you select them as the author when publishing a post.</p>
<form> <form>
{#if errors.length} {#if errors.length}
@ -128,12 +128,12 @@
</main> </main>
<style> <style>
main { main {
text-align: center; text-align: center;
padding: 1em; padding: 1em;
max-width: none; max-width: none;
margin: 0 auto; margin: 0 auto;
} }
fieldset label { fieldset label {
display: inline-block; display: inline-block;
@ -148,9 +148,9 @@
list-style-type: none; list-style-type: none;
} }
@media (min-width: 640px) { @media (min-width: 640px) {
main { main {
max-width: 480px; max-width: 480px;
} }
} }
</style> </style>

View file

@ -1,13 +1,13 @@
import App from './App.svelte'; import App from './App.svelte';
const app = new App({ const app = new App({
target: document.body, target: document.body,
props: { props: {
name: '', name: '',
email: '', email: '',
slug: '', slug: '',
bio: '', bio: '',
} }
}); });
export default app; export default app;