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

cleanup and trim buttons

Browse Source
This commit is contained in:
Greg Gauthier 2023-01-24 00:51:27 +00:00
parent b320353edc
commit 17a2c82fd1
2 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
css/index.css
View File

@ -179,10 +179,11 @@ pre {
color: #322918; color: #322918;
text-align: center; text-align: center;
background-color: #fed700; background-color: #fed700;
width: 150px; width: 130px;
height: 40px;
border: 2px solid #322918; border: 2px solid #322918;
padding: 10px; padding: 5px;
margin: 10px; margin: 5px;
} }
.select { .select {
@ -191,10 +192,11 @@ pre {
color: #322918; color: #322918;
text-align: center; text-align: center;
background-color: #fab700; background-color: #fab700;
width: 150px; width: 130px;
height: 40px;
border: 2px solid #322918; border: 2px solid #322918;
padding: 10px; padding: 5px;
margin: 10px; margin: 5px;
} }
.option { .option {
@ -203,10 +205,11 @@ pre {
color: #322918; color: #322918;
text-align: center; text-align: center;
background-color: #e99e23; background-color: #e99e23;
width: 150px; width: 130px;
height: 40px;
border: 2px solid #322918; border: 2px solid #322918;
padding: 10px; padding: 5px;
margin: 10px; margin: 5px;
} }
@ -216,10 +219,11 @@ pre {
color: #322918; color: #322918;
text-align: center; text-align: center;
background-color: #ae7900; background-color: #ae7900;
width: 150px; width: 130px;
height: 40px;
border: 2px solid #322918; border: 2px solid #322918;
padding: 10px; padding: 5px;
margin: 10px; margin: 5px;
} }
.button-row button { .button-row button {
@ -251,10 +255,10 @@ pre {
} }
.shadowbox { .shadowbox {
width: 55%; width: 250px;
background-color: #004d80; background-color: #004d80;
border: 3px solid #babebd; border: 3px solid #babebd;
box-shadow: 5px 6px #9a9c9b; box-shadow: 5px 6px #9f9c9b;
padding: 5px; padding: 5px;
} }

21
index.html
View File

@ -24,20 +24,21 @@
</div> </div>
<p class="subtitle">A site devoted to learning to code on the Atari 8-Bit line of computers</p> <p class="subtitle">A site devoted to learning to code on the Atari 8-Bit line of computers</p>
<div class="button-row" style="display: flex; float: top"> <div class="button-row" style="display: flex; float: top; align-content: center; justify-content: center">
<button class="Start" onclick="location.href='#'" type="button">Start</button> <button class="Start" onclick="location.href='#'" type="button">Home</button>
<button class="Select" onclick="location.href='#'" type="button">Select</button> <button class="Select" onclick="location.href='#'" type="button">Posts</button>
<button class="Option" onclick="location.href='#'" type="button">Option</button> <button class="Option" onclick="location.href='#'" type="button">Code</button>
<button class="Reset" onclick="location.href='#'" type="button">Reset</button> <button class="Reset" onclick="location.href='#'" type="button">Videos</button>
</div> </div>
<!--
<div class="button-column" style="float:right"> <div class="button-column" style="float:right">
<button class="Reset" onclick="location.href='#'" type="button">Reset</button> <button class="Start" onclick="location.href='#'" type="button">Posts</button>
<button class="Option" onclick="location.href='#'" type="button">Option</button> <button class="Select" onclick="location.href='#'" type="button">Repos</button>
<button class="Select" onclick="location.href='#'" type="button">Select</button> <button class="Option" onclick="location.href='#'" type="button">Videos</button>
<button class="Start" onclick="location.href='#'" type="button">Start</button> <button class="Reset" onclick="location.href='#'" type="button">About</button>
</div> </div>
-->
<div> <div>
<h1>H1 Test Text</h1> <h1>H1 Test Text</h1>