diff --git a/misc/www/css/custom.css b/misc/www/css/custom.css index cb883e38bc..565bf0d2c4 100644 --- a/misc/www/css/custom.css +++ b/misc/www/css/custom.css @@ -296,6 +296,108 @@ html { font-size: 2rem; } + .proteus { + display: table; + background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%),url('../images/site/proteus_bg.jpg'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + color: #252a2b; + width: 100%; + } + + .proteus-left { + position: relative; + width: 50%; + height: 100%; + align-items: center; + z-index: 1; + display: table-cell; + background-color: #a5a5a5; + vertical-align: middle; + } + + .proteus-right { + position: relative; + width: 50%; + height: 100%; + z-index: 1; + color: #ffffff; + vertical-align: middle; + font-weight: bolder; + display: none; + } + + .proteus-left h1 { + background-color: #33C3F0; + font-family: 'Work Sans', sans-serif; /* text-shadow: 0px 3px, 3px 0px,3px 3px; */ + font-size: 5rem; + } + + .proteus-content { + padding: 20%; + text-align: left; + vertical-align: middle; + font-size: 1.3rem; + } + + .blinking { + /* font-weight: 1300; */ + /* font-size: 2rem; */ + font-size: 10rem; + background-color: #33C3F0; + -webkit-animation: 1s blink step-end infinite; + -moz-animation: 1s blink step-end infinite; + -ms-animation: 1s blink step-end infinite; + -o-animation: 1s blink step-end infinite; + animation: 1s blink step-end infinite; + } + + @keyframes "blink" { + from, to { + color: transparent; + } + 50% { + color: #ffffff; + } + } + + @-moz-keyframes blink { + from, to { + color: transparent; + } + 50% { + color: #ffffff; + } + } + + @-webkit-keyframes "blink" { + from, to { + color: transparent; + } + 50% { + color: #ffffff; + } + } + + @-ms-keyframes "blink" { + from, to { + color: transparent; + } + 50% { + color: #ffffff; + } + } + + @-o-keyframes "blink" { + from, to { + color: transparent; + } + 50% { + color: #ffffff; + } + } + .glossary { font-style: italic; margin-left: 2rem; @@ -503,6 +605,13 @@ html { .mre-left { display: table-cell; } + .proteus-right { + display: table-cell; + } + .proteus-left h1 { + padding: 1rem; + font-size: 8rem; + } } diff --git a/misc/www/css/skeleton.css b/misc/www/css/skeleton.css index 1a0e4aefa1..8d1b2bcf9f 100644 --- a/misc/www/css/skeleton.css +++ b/misc/www/css/skeleton.css @@ -243,6 +243,28 @@ input[type="button"].button-primary:focus { color: #252a2b; background-color: #ffffff; border-color: #ffffff; } + + .button.button-black, + button.button-black, + input[type="submit"].button-black, + input[type="reset"].button-black, + input[type="button"].button-black { + color: #000; + /* background-color: #33C3F0; */ + border-color: #000; } + .button.button-black:hover, + button.button-black:hover, + input[type="submit"].button-black:hover, + input[type="reset"].button-black:hover, + input[type="button"].button-black:hover, + .button.button-black:focus, + button.button-black:focus, + input[type="submit"].button-black:focus, + input[type="reset"].button-black:focus, + input[type="button"].button-black:focus { + color: #d6d6d6; + background-color: #000; + border-color: #000; } /* Forms diff --git a/misc/www/images/site/proteus_bg.jpg b/misc/www/images/site/proteus_bg.jpg new file mode 100644 index 0000000000..6603a2b261 Binary files /dev/null and b/misc/www/images/site/proteus_bg.jpg differ diff --git a/misc/www/images/site/proteus_case.png b/misc/www/images/site/proteus_case.png new file mode 100644 index 0000000000..0b7df1979e Binary files /dev/null and b/misc/www/images/site/proteus_case.png differ diff --git a/misc/www/index.html b/misc/www/index.html index f61e0e1de7..d48024231c 100644 --- a/misc/www/index.html +++ b/misc/www/index.html @@ -29,7 +29,8 @@ - + + @@ -294,79 +295,44 @@ - - +
A high-featured board compatible with rusEFI firmware. Open-source design available in this repository. +
+ Features +A high-featured board compatible with rusEFI firmware. Open-source design available in this repository. -
- Features -