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

21
index.html
View File

@ -24,20 +24,21 @@
</div>
<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">
<button class="Start" onclick="location.href='#'" type="button">Start</button>
<button class="Select" onclick="location.href='#'" type="button">Select</button>
<button class="Option" onclick="location.href='#'" type="button">Option</button>
<button class="Reset" onclick="location.href='#'" type="button">Reset</button>
<div class="button-row" style="display: flex; float: top; align-content: center; justify-content: center">
<button class="Start" onclick="location.href='#'" type="button">Home</button>
<button class="Select" onclick="location.href='#'" type="button">Posts</button>
<button class="Option" onclick="location.href='#'" type="button">Code</button>
<button class="Reset" onclick="location.href='#'" type="button">Videos</button>
</div>
<!--
<div class="button-column" style="float:right">
<button class="Reset" onclick="location.href='#'" type="button">Reset</button>
<button class="Option" onclick="location.href='#'" type="button">Option</button>
<button class="Select" onclick="location.href='#'" type="button">Select</button>
<button class="Start" onclick="location.href='#'" type="button">Start</button>
<button class="Start" onclick="location.href='#'" type="button">Posts</button>
<button class="Select" onclick="location.href='#'" type="button">Repos</button>
<button class="Option" onclick="location.href='#'" type="button">Videos</button>
<button class="Reset" onclick="location.href='#'" type="button">About</button>
</div>
-->
<div>
<h1>H1 Test Text</h1>