+ Full control of boot process + Direct mode makes testing possible without any interference from the bootloader embedded into + SummerCart64, perfect for trying out custom IPL3 replacements giving you control right after + N64 boots up. +
Dedicated terminal PC app Powerful, and yet simple, SummerCart64 was born as a device for homebrew development first. As a consequence it incorporates many features to ease development of your own games: - Dedicated PC app for loading ROMs and console access. + Dedicated PC app for loading ROMs and debug terminal access. Simple, command based, communication protocol - both on the USB and N64 side. microSD card interface with simple, block based, protocol. Fast USB interface with well documented protocol. @@ -161,8 +168,9 @@ Real time clock CR2032 RTC backup battery - N64 bootloader capable of loading menu binary from the microSD card and displaying error - messages + Embedded N64 bootloader capable of loading menu binary from the microSD card and displaying + error messages + Option to disable embedded N64 bootloader (direct mode) Firmware updatable via USB interface Seamless power switching between USB and N64 diff --git a/web/index.html b/web/index.html index d7f9493..bf473b3 100644 --- a/web/index.html +++ b/web/index.html @@ -18,12 +18,12 @@ - - + + - + Home @@ -48,9 +48,10 @@ href="https://github.com/buu342/N64-UNFLoader">UNFLoader, and well documented API, testing your homebrew on real hardware was never this easy before! SummerCart64 employs features not available in other N64 flashcarts, like 64DD - hardware emulation, automatic save backup during gameplay, making it the best - choice for both players and game developers. Please check full feature - list for more details! + hardware emulation, automatic save backup during gameplay, or ability to behave + like a stock game pak with direct mode, making it the best choice for both players + and game developers. Please check full feature list for more details! + diff --git a/web/styles.css b/web/styles.css index ecf8178..e820023 100644 --- a/web/styles.css +++ b/web/styles.css @@ -6,8 +6,8 @@ --menu-item-height: 48px; --menu-item-spacing: 20px; --menu-bg-color: rgb(28, 28, 28); + --menu-active-color: rgb(40, 40, 40); --menu-mobile-bg-color: rgb(20, 20, 20); - --menu-mobile-active-color: rgb(40, 40, 40); --menu-shadow: 0px 0px 12px rgb(0, 0, 0); --menu-font-size: 16px; @@ -72,7 +72,6 @@ a:hover { .menu-bar { display: flex; flex-flow: row; - align-items: center; margin: 0 var(--content-margin) 0 var(--content-margin); width: 100%; max-width: var(--content-max-width); @@ -85,8 +84,11 @@ a:hover { height: var(--menu-height); } -.menu-bar>.menu-buttons>img { - margin-right: var(--content-margin); +.menu-bar>.menu-buttons a { + height: var(--menu-item-height); +} + +.menu-bar>.menu-buttons img { height: var(--menu-item-height); } @@ -94,15 +96,26 @@ a:hover { display: none; } -.menu-bar menu { +.menu-bar>menu { display: flex; margin: 0; + margin-left: var(--content-margin); padding: 0; } -.menu-bar menu>li { +.menu-bar>menu>li { list-style: none; - padding: 0 var(--menu-item-spacing) 0 var(--menu-item-spacing); +} + +.menu-bar>menu>li:hover { + background-color: var(--menu-active-color); +} + +.menu-bar>menu>li a { + display: flex; + align-items: center; + height: 100%; + padding: 0 var(--menu-item-spacing); } .menu-bar menu>li.active a { @@ -121,7 +134,7 @@ a:hover { margin: 0 var(--content-margin) 0 var(--content-margin); } - .menu-bar>.menu-buttons>a { + .menu-bar>.menu-buttons>.menu-button { display: flex; flex-flow: column; justify-content: center; @@ -132,7 +145,7 @@ a:hover { cursor: pointer; } - .menu-bar>.menu-buttons>a>.menu-button-line { + .menu-bar>.menu-buttons>.menu-button>.menu-button-line { width: 28px; height: 3px; background-color: var(--link-text-color); @@ -140,12 +153,13 @@ a:hover { border-radius: 2px; } - .menu-bar>.menu-buttons>a.active>.menu-button-line { + .menu-bar>.menu-buttons>.menu-button.active>.menu-button-line { background-color: var(--text-color); } .menu-bar>menu { flex-flow: column; + margin: 0; width: 100%; background-color: var(--menu-mobile-bg-color); } @@ -153,7 +167,7 @@ a:hover { .menu-bar>menu>li { height: var(--menu-item-height); padding: 0; - border-bottom: 1px solid var(--menu-mobile-active-color); + border-bottom: 1px solid var(--menu-active-color); } .menu-bar>menu>li:last-child { @@ -161,7 +175,7 @@ a:hover { } .menu-bar>menu>li.active { - background-color: var(--menu-mobile-active-color); + background-color: var(--menu-active-color); } .menu-bar>menu>li>a {