alina
/
lastfuture-de
1
0
Fork 0
Code Issues Projects Releases Activity

improved monospace font choice and ASCII art

main
Alina Marquardt 2023-03-06 16:27:17 +00:00
parent 1c06a47136
commit 587a528870
3 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/main.css
View File

@ -85,16 +85,16 @@ article.expanded {
z-index: 120 !important; z-index: 120 !important;
} }
article pre { article pre {
font-family: "B612 Mono", monospace; font-family: "Noto Sans Mono", monospace;
background-color: #233733; background-color: #233733;
color: #85dcb5; color: #85dcb5;
font-size: 1rem; font-size: 1rem;
line-height: 1.2em; line-height: 1.1em;
} }
#article1 { #article1 {
right: 60px; right: 60px;
width: 645px; width: 595px;
} }
#article1 .content { #article1 .content {
padding: 0px; padding: 0px;

24
index.html
View File

@ -5,7 +5,7 @@
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=B612+Mono&family=VT323&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@600&family=VT323&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<div id="logo" <div id="logo"
@ -36,25 +36,23 @@
': :'::.: :dMMMMMMMMMMMMMMMML''''''' ': :'::.: :dMMMMMMMMMMMMMMMML'''''''
@@@ @@@:@@@@@@@ @@@@@@@:.MMMMMMMMMMMMMMMMMMM'''''''' @@@ @@@:@@@@@@@ @@@@@@@:.MMMMMMMMMMMMMMMMMMM''''''''
@@! @@@ @@! @@@ @@! ,MMMMMMMMMMMMMMMMMMMML'''''''' @@! @@@ @@! @@@ @@! ,MMMMMMMMMMMMMMMMMMMML''''''''
@!@ !@! @!@!!@! @!!!:.!MMMMMMMMMMMMMMMMMMMMMM'''''''' @!@ !@! @!@!!@! @!!!:.!MMMMMMMMMMMMMMMMMMMMMM'''''''
!!: !!! !!: :!! !!: '"YPMMMMMMMMMMMMMMMMMMMML'''''' !!: !!! !!: :!! !!: '"YPMMMMMMMMMMMMMMMMMMMML'''''
::::': :: '::.:.:::.:.' '"YPMMMMMMMMMMMMMMMM'''' ::::': :: '::.:.:::.:.' '"YPMMMMP"YMP"YMMMMM''''
'""YPMMMMMMMMM''' '( ` )MMMM'''
.-. .-. '"YPMMML' /\ |. _ _ `. .JPMMMML'
/\ |. _ _ ( ` ) "' a.k.a. /--\||| )(_| `.' '"'
a.k.a. /--\||| )(_| `. .'
`.'
-=[MMM88oO::.. . Who is Alina? . ..::Oo88MMM]=- [8oO::.. . W h o i s A l i n a ? . ..::Oo8]
Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus ac facilisis in, egestas eget Cras justo odio, dapibus ac facilisis in, egestas eget
quam. Donec ullamcorper nulla non metus auctor fringilla. quam. Donec ullamcorper nulla non metus auctor
Nulla vitae elit libero, a pharetra augue. Nulla vitae fringilla. Nulla vitae elit libero, a pharetra augue.
elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue.
</pre> </pre>
</div> </div>

6
sass/main.scss
View File

@ -95,11 +95,11 @@ article {
z-index: 120 !important; z-index: 120 !important;
} }
pre { pre {
font-family: 'B612 Mono', monospace; font-family: 'Noto Sans Mono', monospace;
background-color: #233733; background-color: #233733;
color: #85dcb5; color: #85dcb5;
font-size: 1rem; font-size: 1rem;
line-height: 1.2em; line-height: 1.1em;
} }
} }
@ -111,7 +111,7 @@ article {
&.expanded { &.expanded {
padding: 0px; padding: 0px;
} }
width: 645px; width: 595px;
h1::before { h1::before {
background-position: 120px 0; background-position: 120px 0;
} }