delta/startpage
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

init

Browse source
This commit is contained in:
delta 2023-05-18 20:18:29 +02:00
commit 08c4e5fe75
5 changed files with 137 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
_colors.scss Normal file
View file

@ -0,0 +1,23 @@
$bg: #222831;
$fg: #dfe2e7;
$black: #242a34;
$red: #de615c;
$green: #91d89a;
$yellow: #ffc469;
$blue: #8fc7ff;
$pink: #f2b9c1;
$cyan: #9cfdff;
$white: #dfe2e7;
$bright-black: #2c3440;
$bright-red: #e8908d;
$bright-green: #b2e4b8;
$bright-yellow: #ffd696;
$bright-blue: #b1d8ff;
$bright-pink: #f6ced4;
$bright-cyan: #bafeff;
$bright-white: #e9ebee;
$dim-bg: #1e232b;
$dim-fg: #8893a5;

13
_vars.scss Normal file
View file

@ -0,0 +1,13 @@
@use "sass:math";
$dpi: 120;
@function dpi($power) {
@return math.round(math.div($power, 96) * $dpi);
}
$radius: dpi(4px);
$border-width: dpi(1.5px);
$padding: dpi(4px);
$big-padding: dpi(8px);

19
index.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>new tab</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="index.css" />
<link rel="icon" type="image/svg+xml" href="assets/prismite.svg">
</head>
<body>
<span class="prism-logo"> ___ </span>
<span class="prism-logo"> /\ \ </span>
<span class="prism-logo"> /::\ \ </span>
<span class="prism-logo">/::\:\__\</span>
<span class="prism-logo">\/\::/ /</span>
<span class="prism-logo"> \/__/ </span>
</body>
</html>

34
index.scss Normal file
View file

@ -0,0 +1,34 @@
@use "colors" as c;
@use "vars" as v;
@use "sass:list";
html {
height: 100vh;
width: 100vw;
}
body {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: c.$fg;
gap: v.$padding;
font-family: "Fira Code";
font-weight: bold;
background-color: c.$dim-bg;
}
.prism-logo {
white-space: pre;
$colors: [ c.$red, c.$green, c.$yellow, c.$blue, c.$pink, c.$cyan ];
@for $i from 1 through 6 {
&:nth-child(#{$i}) {
color: list.nth($colors, $i);
}
}
}

48
reset.css Normal file
View file

@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}