diff --git a/web/features.html b/web/features.html index 507c3a2..1d55a2c 100644 --- a/web/features.html +++ b/web/features.html @@ -54,7 +54,7 @@
-

Complete 64DD emulation built-in

+

Complete 64DD hardware emulation built-in

Forget about 64DD ROM conversions - SummerCart64 can play disk dumps directly!

@@ -89,10 +89,10 @@
  • Fast USB interface with well documented protocol.
  • 8 kiB buffer for general use with microSD card or USB interface.
  • Native support for microSD card and USB interface in the libdragon.
  • + href="https://libdragon.dev">libdragon. +
  • libcart support.
  • UNFLoader support - both in the PC app and USB library.
  • -
  • libcart support.
  • IS-Viewer 64 debug interface support in the hardware.
  • diff --git a/web/index.html b/web/index.html index a44bd03..68eb97e 100644 --- a/web/index.html +++ b/web/index.html @@ -32,9 +32,52 @@
    -

    SummerCart64 - a fully open source Nintendo 64 flashcart

    +

    What is SummerCart64?

    +

    SummerCart64 is a custom made cartridge (commonly referred as a flashcart) that allows you to develop + and play games on the N64 console. It is the first N64 flashcart that is feature complete and + completely open source.

    +

    With fast I/O, integrated support in libdragon / libcart / 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!

    +
    + +
    + +

    Where to buy

    +
    +

    There are several options available, listed from the easiest to hardest option:

    +
      +
    • Group buys available at N64brew Discord Server - check + threads in the #summer-cart-64 channel.
    • +
    • PCBWay + Shared Project page - both assembled boards and bare PCBs are available.
    • +
    • Manual PCB and components order - DIY friendly option.
    • +
    +

    More options are coming in the near future.

    +
    + +
    + +

    Support the project

    +
    +

    Like the project? Consider supporting it on the GitHub Sponsors, Ko-fi, or click the buttons below. Not necessary + but greatly appreciated.

    +
    diff --git a/web/styles.css b/web/styles.css index 0afcbb0..11ce316 100644 --- a/web/styles.css +++ b/web/styles.css @@ -17,6 +17,11 @@ --main-separator-height: 2px; --main-separator-margin: 32px; + --main-paragraph-margin: 16px; + + --sc64-logo-width: 172px; + + --sponsor-buttons-height: 32px; --footer-padding: 16px 32px 16px 32px; --footer-font-size: 14px; @@ -54,10 +59,6 @@ a:hover { color: var(--text-color); } -.sc64-logo { - max-width: 320px; -} - .menu-container { position: fixed; top: 0; @@ -151,7 +152,7 @@ a:hover { .menu-bar>menu>li { height: var(--menu-item-height); - padding: 0 var(--content-margin); + padding: 0; border-bottom: 1px solid var(--menu-mobile-active-color); } @@ -166,8 +167,8 @@ a:hover { .menu-bar>menu>li>a { display: flex; align-items: center; - width: 100%; height: 100%; + padding: 0 var(--content-margin); } .menu-bar>menu.mobile-hidden { @@ -193,7 +194,31 @@ main { } main>h1 { - margin-top: 0; + margin: 0; +} + +main p { + margin: var(--main-paragraph-margin) 0; +} + +main section>img.sc64-logo { + float: left; + width: var(--sc64-logo-width); + padding: var(--main-paragraph-margin); + padding-left: 0; +} + +main section>div.sponsor-buttons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: var(--main-paragraph-margin) 0; +} + +div.sponsor-buttons iframe, +div.sponsor-buttons a { + height: var(--sponsor-buttons-height); + padding: var(--main-paragraph-margin) var(--main-paragraph-margin) 0 0; } main .separator {