c64disasm, c64mem: using the same navbar
This commit is contained in:
Lisa Brodner
parent
0c474026b2
commit
5871a51d0c
3 changed files with 53 additions and 45 deletions
|
|
@ -113,10 +113,6 @@ print('th.com {')
|
|||
print(' font-weight: bold;')
|
||||
print('}')
|
||||
print('')
|
||||
print('div {')
|
||||
print(' padding: 1em;')
|
||||
print('}')
|
||||
print('')
|
||||
print('div.disassembly_container {')
|
||||
print(' padding: 1em 0em 1em 16em;')
|
||||
print(' overflow: scroll;')
|
||||
|
|
@ -169,6 +165,15 @@ print('<body>')
|
|||
# http://tholman.com/github-corners/
|
||||
print('<a href="https://github.com/mist64/c64disasm" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:var(--main-color); color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>')
|
||||
|
||||
print('<div class="topnav">')
|
||||
print(' <h1>Ultimate Commodore 64:</h1> ')
|
||||
print(' <a class="active" href="../c64disasm/index.html">ROM Disassembly</a><!-- c64disasm/index.html -->')
|
||||
print(' <a href="../c64mem/index.html">Memory Map</a><!-- c64mem/index.html -->')
|
||||
print(' <a href="#">I/O Map</a><!-- c64io/index.html -->')
|
||||
print(' <a href="#">6502 CPU</a><!-- 6502/index.html -->')
|
||||
print('</div>')
|
||||
|
||||
print('<div class="body">')
|
||||
print('<h1>Ultimate Commodore 64 BASIC & KERNAL ROM Disassembly</h1>')
|
||||
|
||||
print('<p><i>by <a href="http://www.pagetable.com/">Michael Steil</a>, <a href="https://github.com/mist64/c64disasm">github.com/mist64/c64disasm</a>. Revision ' + revision + ', ' + date + '</i></p>')
|
||||
|
|
@ -280,6 +285,7 @@ while(True):
|
|||
|
||||
print('</table>')
|
||||
print('</div>')
|
||||
print('</div>')
|
||||
print('</body>')
|
||||
print('</html>')
|
||||
|
||||
|
|
|
|||
|
|
@ -166,22 +166,10 @@ print('')
|
|||
print('<link rel="stylesheet" href="../style.css">')
|
||||
print('<style type="text/css">')
|
||||
print('')
|
||||
print('body {')
|
||||
print(' margin: 0px;')
|
||||
print('}')
|
||||
print('')
|
||||
print('th.com {')
|
||||
print(' font-weight: bold;')
|
||||
print('}')
|
||||
print('')
|
||||
print('div {')
|
||||
print(' padding: 1em;')
|
||||
print('}')
|
||||
print('')
|
||||
print('div.body {')
|
||||
print(' padding: 8px;')
|
||||
print('}')
|
||||
print('')
|
||||
|
||||
address_width=6.4
|
||||
label_width=4
|
||||
|
|
@ -278,35 +266,7 @@ print('')
|
|||
#print(' content: "▹";')
|
||||
#print('}')
|
||||
print('')
|
||||
print('.topnav {')
|
||||
print(' background-color: #333;')
|
||||
print(' overflow: hidden;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav a, .topnav h1 {')
|
||||
print(' float: left;')
|
||||
print(' text-align: center;')
|
||||
print(' color: white;')
|
||||
print(' padding: 14px 16px;')
|
||||
print(' margin: 0px;')
|
||||
print(' text-decoration: none;')
|
||||
print(' font-size: 17px;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav h1 {')
|
||||
print(' color: e0f0ff;')
|
||||
print(' text-shadow: 0px 1px var(--main-color);')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav a:hover {')
|
||||
print(' background-color: var(--main-background);')
|
||||
print(' color: black;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav a.active {')
|
||||
print(' background-color: var(--main-color);')
|
||||
print(' color: white;')
|
||||
print('}')
|
||||
|
||||
print('details {')
|
||||
print(' font-family: serif;')
|
||||
print('}')
|
||||
|
|
|
|||
42
style.css
42
style.css
|
|
@ -42,12 +42,54 @@ body {
|
|||
background: var(--main-background);
|
||||
color: var(--main-color);
|
||||
font-family: Helvetica;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--border-color);
|
||||
}
|
||||
|
||||
div {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
div.body {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
||||
/* Navigation */
|
||||
|
||||
.topnav {
|
||||
background-color: #333;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.topnav a, .topnav h1 {
|
||||
float: left;
|
||||
text-align: center;
|
||||
color: white;
|
||||
padding: 14px 16px;
|
||||
margin: 0px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.topnav h1 {
|
||||
color: e0f0ff;
|
||||
text-shadow: 0px 1px var(--main-color);
|
||||
}
|
||||
|
||||
.topnav a:hover {
|
||||
background-color: var(--main-background);
|
||||
color: black;
|
||||
}
|
||||
|
||||
.topnav a.active {
|
||||
background-color: var(--main-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
/* Overview Table */
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue