parent
2161399d5b
commit
4ab4a94003
@ -1,96 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Padding And Margin | tait.tech</title>
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Tait Hoyem">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>tait.tech</h1>
|
||||
|
||||
<nav>
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/ideas/" class="nav-link" >Ideas</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Github</a>
|
||||
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<header>
|
||||
<h1 class="post-title">Padding And Margin</h1>
|
||||
<time datetime="20-01-22" class="post-date">Wednesday, January 22 2020</time>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<p>Many people have expressed confusion over how padding and margins work in HTML/CSS. I have been one of those people. In this short article I will explain what the differences are between the two, and how it may affect the functionality of your site.</p>
|
||||
|
||||
<p>Here is an image from the World Wide Web Consortium (W3C) who sets the standards for the web.</p>
|
||||
|
||||
<p><img src="/assets/img/w3c-padding-margin.png" alt="The W3C standard for padding, margin, borders and width. Width encompases the inner element + padding; the border then encompases it. The margin is the space beyond the border and in between other elements." title="W3C border, padding, margin standard." /></p>
|
||||
|
||||
<p>Now although this image shows all the different types of spacing as equal, the majority of the time these will mostly be padding (inner) and margin (outer). Padding is the inner space between the element and its border; margin is the outer space between two different elements.</p>
|
||||
|
||||
<p>Within the margin the user is unable to press any links or execute any javascript code. It is <em>empty</em> space. If each <code class="language-plaintext highlighter-rouge"><link></code> on your navigation bar has 10 pixels of margin, then there would be 20 pixels in between each <code class="language-plaintext highlighter-rouge"><link></code> that would <em>not</em> be clickable by the user.</p>
|
||||
|
||||
<p>If you have <code class="language-plaintext highlighter-rouge"><link></code>s on your navigation bar with <em>padding</em> set to 20 pixels, however, then there will be 20 pixels on each side of the <code class="language-plaintext highlighter-rouge"><link></code> text where the user <em>is</em> able to click.</p>
|
||||
|
||||
<p>If that part is confusing, try thinking about it in terms of whether <code class="language-plaintext highlighter-rouge">background-color</code> would apply.</p>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Attribute</th>
|
||||
<th><strong>Padding</strong></th>
|
||||
<th><strong>Margin</strong></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Spacing</td>
|
||||
<td>within element</td>
|
||||
<td>between elements</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code class="language-plaintext highlighter-rouge">background-color</code> applies</td>
|
||||
<td>Yes</td>
|
||||
<td>No</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p>In summary:</p>
|
||||
<ul>
|
||||
<li><strong>Padding</strong>: the space within a tag which is still part of the same tag. <code class="language-plaintext highlighter-rouge">background-color</code> applies.</li>
|
||||
<li><strong>Margin</strong>: the space in between two seperate tags. <code class="language-plaintext highlighter-rouge">background-color</code> does not apply; it is empty space.</li>
|
||||
<li><strong>Border</strong>: the space in between the two; it surrounds the padding, but is not the margin. It looks nice somtimes, but it has no non-visual function. <code class="language-plaintext highlighter-rouge">background-color</code> does not apply.</li>
|
||||
</ul>
|
||||
|
||||
<p>I hope this covers the basics of margin and padding! Happy coding!</p>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
This page is mirrored on <a href="https://beta.tait.tech/2020/01/22/padding-and-margin/">beta.tait.tech</a>.
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -1,68 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>rfi: A Simple Linux utility to get a random file from a directory | tait.tech</title>
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Tait Hoyem">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>tait.tech</h1>
|
||||
|
||||
<nav>
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/ideas/" class="nav-link" >Ideas</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Github</a>
|
||||
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<header>
|
||||
<h1 class="post-title">rfi: A Simple Linux utility to get a random file from a directory</h1>
|
||||
<time datetime="20-04-21" class="post-date">Tuesday, April 21 2020</time>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<p>I made a <a href="https://lbry.tv/@tait:7/rfi:5">little video</a> about this script I wrote:</p>
|
||||
|
||||
<pre class="terminal">
|
||||
$ rfi
|
||||
</pre>
|
||||
|
||||
<p>This program gets a random file from your current directory
|
||||
if you do not specify one;
|
||||
it gets a random file from the specified directory if you give it one like so:</p>
|
||||
|
||||
<pre class="terminal">
|
||||
# rfi /etc/wireguard
|
||||
</pre>
|
||||
|
||||
<p>Which is very useful if you want to start a random VPN configuration :)</p>
|
||||
|
||||
<p>The code, comments, etc. are on the <a href="https://github.com/TTWNO/scripts">Github</a>.</p>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
This page is mirrored on <a href="https://beta.tait.tech/2020/04/21/rfi/">beta.tait.tech</a>.
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -1,57 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Site Update | tait.tech</title>
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Tait Hoyem">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>tait.tech</h1>
|
||||
|
||||
<nav>
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/ideas/" class="nav-link" >Ideas</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Github</a>
|
||||
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<article>
|
||||
<header>
|
||||
<h1 class="post-title">Site Update</h1>
|
||||
<time datetime="20-06-04" class="post-date">Thursday, June 04 2020</time>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<p>I updated the site with some easier to identify information about me and my projects :)</p>
|
||||
|
||||
<p>Also, Clue has been delayed due to my partner in crime on the project wokring too many hours.</p>
|
||||
|
||||
<p>I also posted a new project called <em><a href="https://github.com/TTWNO/caesar-cipher">Caesar Cipher</a></em> in C. It will be an intermediate example of how to use build systems like <code class="language-plaintext highlighter-rouge">make</code>.</p>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
This page is mirrored on <a href="https://beta.tait.tech/2020/06/04/site-update/">beta.tait.tech</a>.
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -1,29 +0,0 @@
|
||||
BSD 3-Clause License
|
||||
|
||||
Copyright (c) 2020, Tait Hoyem
|
||||
All rights reserved.
|
||||
|
||||
Redistribution and use in source and binary forms, with or without
|
||||
modification, are permitted provided that the following conditions are met:
|
||||
|
||||
1. Redistributions of source code must retain the above copyright notice, this
|
||||
list of conditions and the following disclaimer.
|
||||
|
||||
2. Redistributions in binary form must reproduce the above copyright notice,
|
||||
this list of conditions and the following disclaimer in the documentation
|
||||
and/or other materials provided with the distribution.
|
||||
|
||||
3. Neither the name of the copyright holder nor the names of its
|
||||
contributors may be used to endorse or promote products derived from
|
||||
this software without specific prior written permission.
|
||||
|
||||
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
||||
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
||||
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
|
||||
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
||||
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
||||
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
||||
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
||||
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
||||
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
@ -1,23 +0,0 @@
|
||||
# tait.tech
|
||||
The uncompiled version of my website. Compiled files in _site
|
||||
|
||||
### To compile
|
||||
|
||||
To compile the files, simply use the bundle Ruby gem.
|
||||
|
||||
```
|
||||
bundle exec jekyll build
|
||||
```
|
||||
|
||||
to compile once. If you decide you want to actually have changes appear instantly, use the following
|
||||
|
||||
```
|
||||
bundle exec jekyll watch
|
||||
```
|
||||
|
||||
To run a local web server to view the changes on:
|
||||
```
|
||||
bundle exec jekyll server -w
|
||||
```
|
||||
|
||||
This will watch for the latest changes, compile them, and make them available on localhost:4000
|
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>About | tait.tech</title>
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Tait Hoyem">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>tait.tech</h1>
|
||||
|
||||
<nav>
|
||||
|
||||
<a href="/" class="nav-link" >Home</a>
|
||||
|
||||
<a href="/blog/" class="nav-link" >Blog</a>
|
||||
|
||||
<a href="/ideas/" class="nav-link" >Ideas</a>
|
||||
|
||||
<a href="/links/" class="nav-link" >Links</a>
|
||||
|
||||
<a href="https://github.com/TTWNO/" class="nav-link" target="_blank" rel="noopener noreferrer" >Github</a>
|
||||
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main>
|
||||
<h1 id="tait-hoyem">Tait Hoyem</h1>
|
||||
|
||||
<p>I believe in three fundamentals</p>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
This page is mirrored on <a href="https://beta.tait.tech/about/">beta.tait.tech</a>.
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -1,80 +0,0 @@
|
||||
/* code highlghting */
|
||||
.highlight .hll { background-color: #ffffcc }
|
||||
.highlight { background: #f0f0f0; }
|
||||
.highlight .c { color: #60a0b0; font-style: italic } /* Comment */
|
||||
.highlight .err { border: 1px solid #FF0000 } /* Error */
|
||||
.highlight .k { color: #007020; font-weight: bold } /* Keyword */
|
||||
.highlight .o { color: #666666 } /* Operator */
|
||||
.highlight .ch { color: #60a0b0; font-style: italic } /* Comment.Hashbang */
|
||||
.highlight .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #007020 } /* Comment.Preproc */
|
||||
.highlight .cpf { color: #60a0b0; font-style: italic } /* Comment.PreprocFile */
|
||||
.highlight .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */
|
||||
.highlight .gd { color: #A00000 } /* Generic.Deleted */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #FF0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
|
||||
.highlight .gi { color: #00A000 } /* Generic.Inserted */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
|
||||
.highlight .gt { color: #0044DD } /* Generic.Traceback */
|
||||
.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #007020 } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #902000 } /* Keyword.Type */
|
||||
.highlight .m { color: #40a070 } /* Literal.Number */
|
||||
.highlight .s { color: #4070a0 } /* Literal.String */
|
||||
.highlight .na { color: #4070a0 } /* Name.Attribute */
|
||||
.highlight .nb { color: #007020 } /* Name.Builtin */
|
||||
.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #60add5 } /* Name.Constant */
|
||||
.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
|
||||
.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
|
||||
.highlight .ne { color: #007020 } /* Name.Exception */
|
||||
.highlight .nf { color: #06287e } /* Name.Function */
|
||||
.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
|
||||
.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
|
||||
.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
|
||||
.highlight .nv { color: #bb60d5 } /* Name.Variable */
|
||||
.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mb { color: #40a070 } /* Literal.Number.Bin */
|
||||
.highlight .mf { color: #40a070 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #40a070 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #40a070 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #40a070 } /* Literal.Number.Oct */
|
||||
.highlight .sa { color: #4070a0 } /* Literal.String.Affix */
|
||||
.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #4070a0 } /* Literal.String.Char */
|
||||
.highlight .dl { color: #4070a0 } /* Literal.String.Delimiter */
|
||||
.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #4070a0 } /* Literal.String.Double */
|
||||
.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #c65d09 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #235388 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #4070a0 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #517918 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
|
||||
.highlight .fm { color: #06287e } /* Name.Function.Magic */
|
||||
.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */
|
||||
.highlight .vm { color: #bb60d5 } /* Name.Variable.Magic */
|
||||
.highlight .il { color: #40a070 } /* Literal.Number.Integer.Long */
|
||||
|
||||
/* ADDED CUSTOM */
|
||||
.highlight .n { color: #000; } /* General name */
|
||||
|
||||
div.highlight {
|
||||
padding: 0px 12px;
|
||||
width: 85%;
|
||||
margin: auto;
|
||||
overflow-x: scroll;
|
||||
}
|
File diff suppressed because it is too large
Load Diff
@ -1,75 +0,0 @@
|
||||
body { background-color: #222222; padding: 16px; font-family: -apple-system, helvetica, arial, sans-serif; font-size: 16px; color: #ffffff; line-height: 1.5em; overflow-wrap: break-word; }
|
||||
|
||||
#wrapper { max-width: 800px; margin: auto; }
|
||||
|
||||
#wrapper > header { text-align: center; }
|
||||
|
||||
.clear-list { list-style-type: none; margin: 0; padding: 0; }
|
||||
|
||||
.clear-list li { margin: 0; padding: 0; }
|
||||
|
||||
.projects a { font-weight: bold; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 { line-height: 1em; }
|
||||
|
||||
.center { text-align: center; }
|
||||
|
||||
header { margin-bottom: 18px; }
|
||||
|
||||
hr { border: none; border-bottom: 1px solid #999; }
|
||||
|
||||
a { text-decoration: underline; color: #7ad; }
|
||||
|
||||
a:visited { color: #ff3492; }
|
||||
|
||||
a.nav-link, a.post-title-link { color: #ffffff; text-decoration: none; }
|
||||
|
||||
.post-title { line-height: 1.5em; color: #ffffff; margin-bottom: 8px; }
|
||||
|
||||
a.citation-link { text-decoration: none; }
|
||||
|
||||
nav { text-align: center; padding: 1em 0px; }
|
||||
|
||||
nav a { margin: 1em; color: #ffffff; font-weight: bold; font-style: none; }
|
||||
|
||||
nav a:hover, a.post-title-link:hover { text-decoration: underline; }
|
||||
|
||||
li { margin: .5em; }
|
||||
|
||||
table, table tr, table td, table th { border: 1px solid #aaa; border-collapse: collapse; padding: 5px; font-weight: normal; }
|
||||
|
||||
table th { font-weight: bold; }
|
||||
|
||||
table { width: 75%; margin: auto; }
|
||||
|
||||
img { display: block; width: 55%; margin-left: auto; margin-right: auto; }
|
||||
|
||||
blockquote { font-style: italic; }
|
||||
|
||||
address { font-style: normal; }
|
||||
|
||||
@media screen and (max-width: 600px) { body { width: 90%; } nav { text-align: left; width: 100%; } nav a { display: block; text-align: left; padding-left: 0; margin-left: 0; } }
|
||||
|
||||
.mono { font-family: monospace; }
|
||||
|
||||
.bold { font-weight: bold; }
|
||||
|
||||
figcaption { margin-top: 10px; font-style: italic; }
|
||||
|
||||
footer { padding-top: 16px; margin-bottom: 100px; }
|
||||
|
||||
.terminal, .file { padding: 10px; overflow-x: scroll; }
|
||||
|
||||
.terminal { line-height: 1em; color: #00FF00; background-color: #000000; }
|
||||
|
||||
.file { line-height: 1.2em; background-color: #444444; color: #ffffff; }
|
||||
|
||||
.small-image { width: 100%; }
|
||||
|
||||
.post-date { text-transform: uppercase; font-weight: bold; color: #ffffff; }
|
||||
|
||||
.post-excerpt { margin-left: 24px; }
|
||||
|
||||
.post-header { margin-bottom: 8px; }
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
@ -1,14 +0,0 @@
|
||||
{
|
||||
"version": 3,
|
||||
"file": "style.css",
|
||||
"sources": [
|
||||
"style.scss",
|
||||
"_sass/main.scss"
|
||||
],
|
||||
"sourcesContent": [
|
||||
"@import \"main\";\n",
|
||||
"$normal-text-color: #ffffff;\n$background-color: #222222;\n$lighter-color: #ffffff;\n$nav-link-color: #ffffff;\n$nav-link-hover-color: black;\n$link-color: #7ad;\n$visited-link-color: #ff3492;\n\n$last-p-padd: 1.5em;\n$nav-padd: 1em;\n$line-under: 1px solid #aaa; \n\n$line-height: 1.5em;\n$term-line-height: 1em;\n$file-line-height: 1.2em;\n\n$terminal-bg: #000000;\n$terminal-fg: #00FF00;\n\n$file-bg: #444444;\n$file-fg: #ffffff;\n\nbody {\n background-color: $background-color;\n padding: 16px;\n font-family: -apple-system, helvetica, arial, sans-serif;\n font-size: 16px;\n color: $normal-text-color;\n line-height: $line-height;\n overflow-wrap: break-word;\n}\n\n#wrapper {\n max-width: 800px;\n margin: auto;\n > header {\n text-align: center;\n }\n}\n\n.clear-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.clear-list li {\n margin: 0;\n padding: 0;\n}\n\n.projects a {\n font-weight: bold;\n}\n\nh1, h2, h3, h4, h5, h6 {\n line-height: 1em;\n}\n\n.center {\n text-align: center;\n}\n\nheader {\n margin-bottom: 18px;\n}\n\nhr {\n border: none;\n border-bottom: 1px solid #999;\n}\n\na {\n text-decoration: underline;\n color: $link-color;\n} \n\na:visited {\n color: $visited-link-color;\n}\n\na.nav-link,\na.post-title-link {\n color: $nav-link-color;\n text-decoration: none;\n}\n\n.post-title {\n line-height: $line-height;\n color: $nav-link-color;\n margin-bottom: 8px;\n}\n\na.citation-link {\n text-decoration: none;\n}\n\nnav {\n text-align: center;\n padding: $nav-padd 0px;\n}\n\nnav a {\n margin: 1em;\n color: $nav-link-color;\n font-weight: bold;\n font-style: none;\n}\n\nnav a:hover,\na.post-title-link:hover {\n text-decoration: underline; \n}\n\nli {\n margin: .5em;\n}\n\ntable,\ntable tr,\ntable td,\ntable th {\n border: 1px solid #aaa;\n border-collapse: collapse;\n padding: 5px;\n font-weight: normal;\n}\ntable th {\n font-weight: bold;\n}\ntable {\n width: 75%;\n margin: auto;\n}\n\nimg {\n display: block;\n width: 55%;\n margin-left: auto;\n margin-right: auto;\n}\n\nblockquote {\n font-style: italic;\n}\n\naddress { \n font-style: normal;\n}\n\n@media screen and (max-width: 600px){\n body {\n width: 90%;\n }\n nav {\n text-align: left;\n width: 100%;\n }\n nav a {\n display: block;\n text-align: left;\n padding-left: 0;\n margin-left: 0;\n }\n}\n\n.mono {\n font-family: monospace;\n}\n\n.bold {\n font-weight: bold;\n}\n\nfigcaption {\n margin-top: 10px;\n font-style: italic;\n}\n\nfooter {\n padding-top: 16px;\n margin-bottom: 100px;\n}\n\n.terminal,\n.file {\n padding: 10px;\n overflow-x: scroll;\n}\n\n.terminal {\n line-height: $term-line-height;\n color: $terminal-fg;\n background-color: $terminal-bg;\n}\n\n.file {\n line-height: $file-line-height;\n background-color: $file-bg;\n color: $file-fg;\n}\n\n.small-image {\n width: 100%;\n}\n\n.post-date {\n text-transform: uppercase;\n font-weight: bold;\n color: $lighter-color;\n}\n\n.post-excerpt {\n margin-left: 24px;\n}\n\n.post-header {\n margin-bottom: 8px;\n}\n"
|
||||
],
|
||||
"names": [],
|
||||
"mappings": "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"
|
||||
}
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue