From 6bf06f0742faabd6d6be7f978ac452acb496e626 Mon Sep 17 00:00:00 2001 From: uramer Date: Fri, 10 Jul 2020 18:43:43 +0200 Subject: [PATCH 1/2] Better formatting --- index.html | 233 +++++++++++++++++++-------------- stylesheets/stylesheet.css | 260 +++++++++++++++++++++++++------------ 2 files changed, 313 insertions(+), 180 deletions(-) diff --git a/index.html b/index.html index 86b0b19..781a696 100644 --- a/index.html +++ b/index.html @@ -1,105 +1,139 @@ - - - TES3MP - - - - - - - - - -
-

TES3MP

-

-
- -
-

-TES3MP -

- -

Copyright (c) 2008-2015, OpenMW Team

-

Copyright (c) 2016-2020, David Cernat & Stanislav Zhukov

- -

Build Status

- -

TES3MP is a project adding multiplayer functionality to OpenMW, a free and open source engine recreation of the popular Bethesda Softworks game "The Elder Scrolls III: Morrowind".

- - - -

Font Licenses:

- - - -

-Project status

- -

Version changelog

- -

As of version 0.7.0, TES3MP is fully playable, providing very extensive player, NPC, world and quest synchronization, as well as state saving and loading, all of which are highly customizable via serverside Lua scripts.

- -

-Remaining gameplay problems mostly relate to AI and the synchronization of clientside script variables. -

- -

-Donations

- -

You can benefit the project by donating on Patreon to our two developers, David Cernat and Koncord, as well as by supporting OpenMW.

- -

-Contributing

- -

Helping us with documentation, bug hunting and video showcases is always greatly appreciated.

- -

For code contributions, it's best to start out with modestly sized fixes and features and work your way up. There are so many different possible implementations of more major features – many of which would cause undesirable code or vision conflicts with OpenMW – that those should be talked over in advance with the existing developers before effort is spent on them.

- -

Feel free to contact the team members for any questions you might have. - -

-Getting started

- - - -

-Server Stats

- - - - -
- - + + + TES3MP + + + + + + + + + + +
+

TES3MP

+

- - - - - + + + \ No newline at end of file diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index b5f20c2..49e22bb 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -1,5 +1,6 @@ * { - box-sizing: border-box; } + box-sizing: border-box; +} body { padding: 0; @@ -7,13 +8,17 @@ body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; - color: #606c71; } + color: #606c71; +} a { color: #1e6bb8; - text-decoration: none; } - a:hover { - text-decoration: underline; } + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} .btn { display: inline-block; @@ -24,104 +29,146 @@ a { border-style: solid; border-width: 1px; border-radius: 0.3rem; - transition: color 0.2s, background-color 0.2s, border-color 0.2s; } - .btn + .btn { - margin-left: 1rem; } + transition: color 0.2s, background-color 0.2s, border-color 0.2s; +} + +.btn+.btn { + margin-left: 1rem; +} .btn:hover { color: rgba(255, 255, 255, 0.8); text-decoration: none; background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.3); } + border-color: rgba(255, 255, 255, 0.3); +} @media screen and (min-width: 64em) { .btn { - padding: 0.75rem 1rem; } } + padding: 0.75rem 1rem; + } +} @media screen and (min-width: 42em) and (max-width: 64em) { .btn { padding: 0.6rem 0.9rem; - font-size: 0.9rem; } } + font-size: 0.9rem; + } +} @media screen and (max-width: 42em) { .btn { display: block; width: 100%; padding: 0.75rem; - font-size: 0.9rem; } - .btn + .btn { - margin-top: 1rem; - margin-left: 0; } } + font-size: 0.9rem; + } + .btn+.btn { + margin-top: 1rem; + margin-left: 0; + } +} .page-header { color: #fff; text-align: center; background-color: #159957; - background-image: linear-gradient(120deg, #155799, #159957); } + background-image: linear-gradient(120deg, #155799, #159957); +} @media screen and (min-width: 64em) { .page-header { - padding: 5rem 6rem; } } + padding: 5rem 6rem; + } +} @media screen and (min-width: 42em) and (max-width: 64em) { .page-header { - padding: 3rem 4rem; } } + padding: 3rem 4rem; + } +} @media screen and (max-width: 42em) { .page-header { - padding: 2rem 1rem; } } + padding: 2rem 1rem; + } +} .project-name { margin-top: 0; - margin-bottom: 0.1rem; } + margin-bottom: 0.1rem; +} @media screen and (min-width: 64em) { .project-name { - font-size: 3.25rem; } } + font-size: 3.25rem; + } +} @media screen and (min-width: 42em) and (max-width: 64em) { .project-name { - font-size: 2.25rem; } } + font-size: 2.25rem; + } +} @media screen and (max-width: 42em) { .project-name { - font-size: 1.75rem; } } + font-size: 1.75rem; + } +} .project-tagline { margin-bottom: 2rem; font-weight: normal; - opacity: 0.7; } + opacity: 0.7; +} @media screen and (min-width: 64em) { .project-tagline { - font-size: 1.25rem; } } + font-size: 1.25rem; + } +} @media screen and (min-width: 42em) and (max-width: 64em) { .project-tagline { - font-size: 1.15rem; } } + font-size: 1.15rem; + } +} @media screen and (max-width: 42em) { .project-tagline { - font-size: 1rem; } } + font-size: 1rem; + } +} .main-content :first-child { - margin-top: 0; } + margin-top: 0; +} + .main-content img { - max-width: 100%; } + max-width: 100%; +} + .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 2rem; margin-bottom: 1rem; font-weight: normal; - color: #159957; } + color: #159957; +} + .main-content p { - margin-bottom: 1em; } + margin-bottom: 1em; +} + .main-content code { padding: 2px 4px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.9rem; color: #383e41; background-color: #f3f6fa; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} + .main-content pre { padding: 0.8rem; margin-top: 0; @@ -131,27 +178,37 @@ a { word-wrap: normal; background-color: #f3f6fa; border: solid 1px #dce6f0; - border-radius: 0.3rem; } - .main-content pre > code { - padding: 0; - margin: 0; - font-size: 0.9rem; - color: #567482; - word-break: normal; - white-space: pre; - background: transparent; - border: 0; } + border-radius: 0.3rem; +} + +.main-content pre>code { + padding: 0; + margin: 0; + font-size: 0.9rem; + color: #567482; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; +} + .main-content .highlight { - margin-bottom: 1rem; } - .main-content .highlight pre { - margin-bottom: 0; - word-break: normal; } + margin-bottom: 1rem; +} + +.main-content .highlight pre { + margin-bottom: 0; + word-break: normal; +} + .main-content .highlight pre, .main-content pre { padding: 0.8rem; overflow: auto; font-size: 0.9rem; line-height: 1.45; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} + .main-content pre code, .main-content pre tt { display: inline; max-width: initial; @@ -161,85 +218,126 @@ a { line-height: inherit; word-wrap: normal; background-color: transparent; - border: 0; } - .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { - content: normal; } + border: 0; +} + +.main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { + content: normal; +} + .main-content ul, .main-content ol { - margin-top: 0; } + margin-top: 0; +} + .main-content blockquote { padding: 0 1rem; margin-left: 0; color: #819198; - border-left: 0.3rem solid #dce6f0; } - .main-content blockquote > :first-child { - margin-top: 0; } - .main-content blockquote > :last-child { - margin-bottom: 0; } + border-left: 0.3rem solid #dce6f0; +} + +.main-content blockquote> :first-child { + margin-top: 0; +} + +.main-content blockquote> :last-child { + margin-bottom: 0; +} + .main-content table { display: block; width: 100%; overflow: auto; word-break: normal; - word-break: keep-all; } - .main-content table th { - font-weight: bold; } - .main-content table th, .main-content table td { - padding: 0.5rem 1rem; - border: 1px solid #e9ebec; } + word-break: keep-all; +} + +.main-content table th { + font-weight: bold; +} + +.main-content table th, .main-content table td { + padding: 0.5rem 1rem; + border: 1px solid #e9ebec; +} + .main-content dl { - padding: 0; } - .main-content dl dt { - padding: 0; - margin-top: 1rem; - font-size: 1rem; - font-weight: bold; } - .main-content dl dd { - padding: 0; - margin-bottom: 1rem; } + padding: 0; +} + +.main-content dl dt { + padding: 0; + margin-top: 1rem; + font-size: 1rem; + font-weight: bold; +} + +.main-content dl dd { + padding: 0; + margin-bottom: 1rem; +} + .main-content hr { height: 2px; padding: 0; margin: 1rem 0; background-color: #eff0f1; - border: 0; } + border: 0; +} @media screen and (min-width: 64em) { .main-content { max-width: 64rem; padding: 2rem 6rem; margin: 0 auto; - font-size: 1.1rem; } } + font-size: 1.1rem; + } +} @media screen and (min-width: 42em) and (max-width: 64em) { .main-content { padding: 2rem 4rem; - font-size: 1.1rem; } } + font-size: 1.1rem; + } +} @media screen and (max-width: 42em) { .main-content { padding: 2rem 1rem; - font-size: 1rem; } } + font-size: 1rem; + } +} .site-footer { padding-top: 2rem; margin-top: 2rem; - border-top: solid 1px #eff0f1; } + border-top: solid 1px #eff0f1; +} .site-footer-owner { display: block; - font-weight: bold; } + font-weight: bold; +} .site-footer-credits { - color: #819198; } + color: #819198; +} @media screen and (min-width: 64em) { .site-footer { - font-size: 1rem; } } + font-size: 1rem; + } +} @media screen and (min-width: 42em) and (max-width: 64em) { .site-footer { - font-size: 1rem; } } + font-size: 1rem; + } +} @media screen and (max-width: 42em) { .site-footer { - font-size: 0.9rem; } } + font-size: 0.9rem; + } +} + From aaf6f16d442053597c9d5a92ded57af3fdc26920 Mon Sep 17 00:00:00 2001 From: uramer Date: Fri, 10 Jul 2020 18:44:13 +0200 Subject: [PATCH 2/2] Add the most important links to the header --- index.html | 7 +++++-- stylesheets/stylesheet.css | 14 ++++++++++++++ 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 781a696..179afed 100644 --- a/index.html +++ b/index.html @@ -17,8 +17,11 @@

TES3MP

-

-
+

+ Download + Discord + FAQ +

diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index 49e22bb..4b767b4 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -123,6 +123,10 @@ a:hover { opacity: 0.7; } +.project-tagline a { + color: white; +} + @media screen and (min-width: 64em) { .project-tagline { font-size: 1.25rem; @@ -341,3 +345,13 @@ a:hover { } } +.row { + width: 100%; + display: flex; + flex-direction: row; + justify-content: center; +} + +.row .column { + margin: 0 2em; +} \ No newline at end of file