weblogs/ataricode.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more font and color adjustments

Browse Source
This commit is contained in:
Greg Gauthier 2023-01-24 09:43:04 +00:00
parent f65a1b49ba
commit a43ea851b2
2 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
css/index.css
View File

@ -65,6 +65,13 @@ HTML
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'Atari Classic Chunky Reverse';
src: url('../fonts/ATARCC__.TTF') format('truetype');
font-weight: normal;
font-style: normal;
color: black;
}
@font-face { @font-face {
font-family: 'Atari Tiny'; font-family: 'Atari Tiny';
src: url('../fonts/atari-small-font.ttf') format('truetype'); src: url('../fonts/atari-small-font.ttf') format('truetype');
@ -112,18 +119,25 @@ p {
color: #f2f2f2; color: #f2f2f2;
} }
.p4 {
font-family: 'Atari Classic Smooth';
font-size: 0.595em;
color: #322918;
}
pre { pre {
width: 98%; width: 87%;
border: solid yellow 2px; border: solid yellow 2px;
padding-top: 10px; padding-top: 10px;
padding-bottom: 0px; padding-bottom: 0px;
padding-left:5px; padding-left:10px;
margin-left: 15px; margin-left: 25px;
background-color: #004d80; background-color: #004d80;
font-family: 'Atari Classic Chunky'; font-family: 'Atari Classic Chunky';
font-weight: lighter; font-weight: lighter;
font-size: 0.525em; font-size: 0.525em;
line-height: 1.2; line-height: 1.2;
overflow-wrap: break-word;
color: #f2f2f2; color: #f2f2f2;
} }
@ -134,12 +148,12 @@ pre {
align-items: center; align-items: center;
} }
.title-title { .title-text {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
font-family: 'Atarian System Regular'; font-family: 'Atarian System Regular';
font-size: 3.0em; font-size: 7.3vw;
line-height: 1.1; line-height: 1.1;
/* #color: #f0e6da; */ /* #color: #f0e6da; */
color: #fcf4dd; color: #fcf4dd;
@ -238,10 +252,11 @@ pre {
} }
.shadowbox { .shadowbox {
font-family: 'Atari Classic Chunky Reverse';
width: 11.95em; width: 11.95em;
background-color: darkslategrey; background-color: #fcf4dd;
border: 3px solid #babebd; border: 3px solid #003366;
box-shadow: 5px 6px #9f9c9b; box-shadow: 5px 6px darkgray;
padding: 5px; padding: 5px;
} }
@ -270,7 +285,7 @@ H1 {
color: #f0e6da; color: #f0e6da;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
font-size: 3.2vw; font-size: 3.5vw;
width: 100%; width: 100%;
} }

4
index.html
View File

@ -17,7 +17,7 @@
<img src="assets/atari-rainbow.png" class="title-image" onclick="location.href='https://gmgauthier.com/'" type="button"> <img src="assets/atari-rainbow.png" class="title-image" onclick="location.href='https://gmgauthier.com/'" type="button">
</td> </td>
<td> <td>
<p class="title-title" style="float-wrap: none">Atari Code</p> <p class="title-text" style="float-wrap: none">Atari Code</p>
</td> </td>
</tr> </tr>
</table> </table>
@ -51,7 +51,7 @@
<div style="display: flex"> <div style="display: flex">
<div class="shadowbox" style="float: left"> <div class="shadowbox" style="float: left">
<h3>Attention!</h3> <h3>Attention!</h3>
<p>Hello, this is a highlighted notice!</p> <p class="p4">Hello, this is a highlighted notice!</p>
</div> </div>
<div> <div>