Skip to content

Commit

Permalink
⚡ optimize resource size
Browse files Browse the repository at this point in the history
  • Loading branch information
@tackyunicorn
tackyunicorn committed May 16, 2024
1 parent 3a9dbb0 commit 7180c36
Show file tree
Hide file tree
Showing 3 changed files with 40 additions and 111 deletions.
2 changes: 1 addition & 1 deletion head.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<link rel="stylesheet" href="/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@600&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20%40.%28~%29%24%27%22%2C%21" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@600&text=abcdefghijklmnopqrstuvwxyz%20.%3A%28%29" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.5.1/github-markdown.min.css" integrity="sha512-h/laqMqQKUXxFuu6aLAaSrXYwGYQ7qk4aYCQ+KJwHZMzAGaEoxMM6h8C+haeJTU1V6E9jrSUnjpEzX23OmV/Aw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
Expand Down
21 changes: 6 additions & 15 deletions src/index.md
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,12 @@
<div class="shell">

<div class="prompt">
<span class="green">➜ </span>
<span class="cyan">tackyunicorn@jjoseph.me </span>
<span class="blue">(</span>
<span class="red">~</span>
<span class="cyan">jjoseph.me </span>
<span class="blue">git:(</span>
<span class="red">main</span>
<span class="blue">) </span>
<span class="yellow">$ </span>
<span>cat about.txt</span>
<span>glow about.md</span>
</div>

<p>
Welcome to my corner of the Internet!
</p>

<p>
I'm Joshua, a grad student pursuing a Masters of Computer Science from North Carolina State University.
</p>
## About

</div>
Hey there 👋 ! I'm Joshua, a grad student pursuing a Masters of Computer Science from North Carolina State University.
128 changes: 33 additions & 95 deletions src/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,26 +18,14 @@
color: var(--green);
}

.yellow {
color: var(--yellow);
}

.blue {
color: var(--blue);
}

.magenta {
color: var(--magenta);
}

.cyan {
color: var(--cyan);
}

.white {
color: var(--white);
}

html {
background: var(--black);
color: var(--white);
Expand All @@ -51,10 +39,6 @@ body {

.navigation {
font-family: "Inconsolata", monospace;
font-weight: 600;
font-style: normal;
font-optical-sizing: auto;
font-variation-settings: "wdth" 100;
background: var(--gray);
}

Expand All @@ -80,27 +64,11 @@ body {
background: var(--black);
}

.shell {
font-family: "Inconsolata", monospace;
font-size: 1rem;
font-weight: 600;
font-style: normal;
font-optical-sizing: auto;
font-variation-settings: "wdth" 100;
max-width: 100ch !important;
display: flex !important;
flex-direction: column !important;
line-height: 1;
}

.shell p {
margin-top: .65rem !important;
margin-bottom: .65rem !important;
}

.prompt {
display: inline-block;
font-size: 0;
font-family: "Inconsolata", monospace;
line-height: 1;
}

.prompt span {
Expand All @@ -109,9 +77,9 @@ body {

.prompt span:last-child {
width: max-content;
padding-right: .1rem;
padding-right: .2rem;
animation: blink .5s step-end infinite alternate;
border-right: .6rem solid var(--white);
border-right: .55rem solid var(--white);
}

.markdown-body {
Expand All @@ -125,36 +93,6 @@ body {

.markdown-body.dark {
color-scheme: dark;
--color-prettylights-syntax-comment: #8b949e;
--color-prettylights-syntax-constant: #79c0ff;
--color-prettylights-syntax-entity: #d2a8ff;
--color-prettylights-syntax-storage-modifier-import: #c9d1d9;
--color-prettylights-syntax-entity-tag: #7ee787;
--color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-string: #a5d6ff;
--color-prettylights-syntax-variable: #ffa657;
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
--color-prettylights-syntax-carriage-return-text: #f0f6fc;
--color-prettylights-syntax-carriage-return-bg: #b62324;
--color-prettylights-syntax-string-regexp: #7ee787;
--color-prettylights-syntax-markup-list: #f2cc60;
--color-prettylights-syntax-markup-heading: #1f6feb;
--color-prettylights-syntax-markup-italic: #c9d1d9;
--color-prettylights-syntax-markup-bold: #c9d1d9;
--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
--color-prettylights-syntax-markup-deleted-bg: #67060c;
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
--color-prettylights-syntax-markup-inserted-bg: #033a16;
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
--color-prettylights-syntax-markup-ignored-text: #c9d1d9;
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
--color-prettylights-syntax-brackethighlighter-angle: #8b949e;
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
--color-fg-default: #e6edf3;
--color-fg-muted: #848d97;
--color-fg-subtle: #6e7681;
Expand All @@ -176,35 +114,35 @@ body {
--color-done-emphasis: #8957e5;
}

code span.al { color: #ffcfaf; } /* Alert */
code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
code span.at { } /* Attribute */
code span.bn { color: #dca3a3; } /* BaseN */
code span.bu { } /* BuiltIn */
code span.cf { color: #f0dfaf; } /* ControlFlow */
code span.ch { color: #dca3a3; } /* Char */
code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
code span.co { color: #7f9f7f; } /* Comment */
code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
code span.do { color: #7f9f7f; } /* Documentation */
code span.dt { color: #dfdfbf; } /* DataType */
code span.dv { color: #dcdccc; } /* DecVal */
code span.er { color: #c3bf9f; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: #c0bed1; } /* Float */
code span.fu { color: #efef8f; } /* Function */
code span.im { } /* Import */
code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
code span.kw { color: #f0dfaf; } /* Keyword */
code span.op { color: #f0efd0; } /* Operator */
code span.ot { color: #efef8f; } /* Other */
code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
code span.sc { color: #dca3a3; } /* SpecialChar */
code span.ss { color: #cc9393; } /* SpecialString */
code span.st { color: #cc9393; } /* String */
code span.va { } /* Variable */
code span.vs { color: #cc9393; } /* VerbatimString */
code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
code span.al { color: #ffcfaf; }
code span.an { color: #7f9f7f; font-weight: bold; }
code span.at { }
code span.bn { color: #dca3a3; }
code span.bu { }
code span.cf { color: #f0dfaf; }
code span.ch { color: #dca3a3; }
code span.cn { color: #dca3a3; font-weight: bold; }
code span.co { color: #7f9f7f; }
code span.cv { color: #7f9f7f; font-weight: bold; }
code span.do { color: #7f9f7f; }
code span.dt { color: #dfdfbf; }
code span.dv { color: #dcdccc; }
code span.er { color: #c3bf9f; }
code span.ex { }
code span.fl { color: #c0bed1; }
code span.fu { color: #efef8f; }
code span.im { }
code span.in { color: #7f9f7f; font-weight: bold; }
code span.kw { color: #f0dfaf; }
code span.op { color: #f0efd0; }
code span.ot { color: #efef8f; }
code span.pp { color: #ffcfaf; font-weight: bold; }
code span.sc { color: #dca3a3; }
code span.ss { color: #cc9393; }
code span.st { color: #cc9393; }
code span.va { }
code span.vs { color: #cc9393; }
code span.wa { color: #7f9f7f; font-weight: bold; }

@media (max-width: 767px) {
.markdown-body {
Expand Down

0 comments on commit 7180c36

Please sign in to comment.