From 9103b1183503ae58aad2d83671f0cc50a8a5e415 Mon Sep 17 00:00:00 2001 From: Matt Borgerson Date: Tue, 17 Jan 2023 23:43:59 -0700 Subject: [PATCH] Style tweaks --- docs/docs/stylesheets/extra.css | 2 +- resources/linux_title_bar_dark_2x.png | Bin 0 -> 10276 bytes templates/template_base.html | 3 +- templates/template_index.html | 172 ++++++++++++++++---------- theme.scss | 28 ++++- 5 files changed, 135 insertions(+), 70 deletions(-) create mode 100644 resources/linux_title_bar_dark_2x.png diff --git a/docs/docs/stylesheets/extra.css b/docs/docs/stylesheets/extra.css index df4ae937..a3d9eafd 100644 --- a/docs/docs/stylesheets/extra.css +++ b/docs/docs/stylesheets/extra.css @@ -40,7 +40,7 @@ --md-primary-fg-color--light: var(--gray-800); --md-primary-fg-color--dark: #00ff00; - --md-accent-fg-color: var(--gray-600); + --md-accent-fg-color: #8dc103; --md-accent-fg-color--transparent: var(--gray-800); --md-accent-bg-color: var(--gray-200); --md-accent-bg-color--light: var(--gray-200); diff --git a/resources/linux_title_bar_dark_2x.png b/resources/linux_title_bar_dark_2x.png new file mode 100644 index 0000000000000000000000000000000000000000..1d5eb66a37f6a59523fae70f01fbd30bc518ddfc GIT binary patch literal 10276 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 literal 0 HcmV?d00001 diff --git a/templates/template_base.html b/templates/template_base.html index 18503739..ba9b7e15 100644 --- a/templates/template_base.html +++ b/templates/template_base.html @@ -21,10 +21,9 @@ - - + {%block title %}{% endblock %}{% if self.title() %} | {% endif %}xemu: Original Xbox Emulator {% block append_head %}{% endblock %} diff --git a/templates/template_index.html b/templates/template_index.html index 036e4da8..bc6c5e6e 100644 --- a/templates/template_index.html +++ b/templates/template_index.html @@ -55,10 +55,24 @@ margin: -60px 0 0; /* negative fixed header height */ } +.feature-card { + background-color: #181818; + border: 1px #0e0e0e solid; + border-radius: 5px; + min-height: 100%; + padding: 1rem; + padding-left: 3.5rem; +} + +.feature-card p { + margin: 0; +} + .feature-icon { - font-size: 0.7em; - padding-right: 0.25em; - vertical-align: 10%; + width: 3.5rem; + margin: 0; + margin-left: -3.5rem; + text-align: center; } .button-icon { @@ -102,6 +116,23 @@ h2 { margin-top: 1em; } + +.screenshot-window { + box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.6); + border-radius: 10px; + max-width: 642px; + margin: auto; +} + +.screenshot-titlebar { + width: 100%; +} + +#screenshot-carousel { + border: 1px rgba(0, 0, 0, 0.6) solid; + border-top: 0; + width: 100%; +} {% endblock %} @@ -111,47 +142,45 @@ h2 {
- +
-

- - xemu logo -

-

Original Xbox Emulator

-

- A free and open-source application that emulates the original Microsoft - Xbox game console, enabling people to play their original Xbox games on - Windows, macOS, and Linux systems. -

+

+ + xemu logo +

+

Original Xbox Emulator

+

+ A free and open-source application that emulates the original Microsoft + Xbox game console, enabling people to play their original Xbox games on + Windows, macOS, and Linux systems. +

-
-
-
- - View Download Options - - - - -
-
- Latest release: v{{xemu_build_version}} ({{xemu_build_date.strftime('%b %-d, %Y')}}) -
- +
+
+
+ + View Download Options + + + + +
+
+ Latest release: v{{xemu_build_version}} ({{xemu_build_date.strftime('%b %-d, %Y')}}) +
+ +
- -
-
{% endblock %} @@ -159,63 +188,78 @@ h2 { {% block content %}

Features

-
-

Open Source

-

The source code for xemu is publicly available. Users are invited to help improve the project!

+
+
+

Open Source

+

The source code for xemu is publicly available. Users are invited to help improve the project!

+
-
-

Cross Platform

-

xemu runs natively on Windows, macOS, and Linux platforms. Pre-compiled binaries are available for Windows, macOS, and Ubuntu.

+
+
+

Cross Platform

+

xemu runs natively on Windows, macOS, and Linux platforms. Pre-compiled binaries are available for Windows, macOS, and Ubuntu.

+
-
-

System Link

-

Networking is supported out of the box. Connect to other instances of xemu and even real Xboxes, locally or over the Internet.

+
+
+

Networking

+

Networking is supported out of the box. Connect to other instances of xemu and even real Xboxes, locally or over the Internet.

+
-
-

Gamepad Support

-

Built on SDL2, xemu supports virtually all gamepads. Connect up to 4 controllers at any time, just like a real Xbox.

+
+
+

Gamepad Support

+

Built on SDL2, xemu supports virtually all gamepads. Connect up to 4 controllers at any time, just like a real Xbox.

+
-
-

Snapshots (Save States)

-

No need to wait for game checkpoints. xemu supports saving the current state and loading it back up at any time.

+
+
+

Snapshots (Save States)

+

No need to wait for game checkpoints. xemu supports saving the current state and loading it back up at any time.

+
-
-

Render Scaling

-

Breathe new life into your original Xbox games by easily scaling up the resolution that games render at.

+
+
+

Render Scaling

+

Breathe new life into your original Xbox games by easily scaling up the resolution that games render at.

+

Screenshots

-