News and main showcase active, styles shrunk and theme functionality improved
This commit is contained in:
caskd
parent
b16d6b7124
commit
b23755ea7d
192
css/main.css
192
css/main.css
|
|
@ -1,61 +1,3 @@
|
|||
html {
|
||||
min-height: 100%;
|
||||
color: #eee;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.5)), repeating-linear-gradient(45deg, #8f0a0a 0% 2%, transparent 2% 4%), repeating-linear-gradient(-45deg, #111 0% 2%, #000000 2% 4%);
|
||||
}
|
||||
html body {
|
||||
margin: 0;
|
||||
}
|
||||
html body .headwrap {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
}
|
||||
html body .header {
|
||||
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 50%, transparent);
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
font-size: 20px;
|
||||
padding: 0 0 80px 0;
|
||||
}
|
||||
html body .header img {
|
||||
display: inline-block;
|
||||
height: 100px;
|
||||
margin: 30px 0 30px 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
html body .bodywrap {
|
||||
width: 100%;
|
||||
margin-top: 130px;
|
||||
}
|
||||
html body .bodywrap .body {
|
||||
text-align: center;
|
||||
padding: 0 5%;
|
||||
}
|
||||
html body .bodywrap .body img {
|
||||
display: none;
|
||||
width: 100%;
|
||||
}
|
||||
html body .footerwrap {
|
||||
width: 100%;
|
||||
}
|
||||
html body .footerwrap .footer {
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
}
|
||||
html body .footerwrap .footer div.col {
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
}
|
||||
html body .footerwrap .footer div.col.name {
|
||||
flex: 2;
|
||||
}
|
||||
.round {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
|
@ -67,7 +9,10 @@ ul li {
|
|||
list-style-type: none;
|
||||
}
|
||||
h1,
|
||||
h2 {
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
h1 {
|
||||
|
|
@ -77,7 +22,7 @@ h2 {
|
|||
font-size: 14px;
|
||||
}
|
||||
a {
|
||||
color: #eee;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
transition: cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
|
||||
}
|
||||
|
|
@ -88,6 +33,111 @@ a.highlight {
|
|||
a.highlight:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
a[href="#"] {
|
||||
color: #888888;
|
||||
}
|
||||
html {
|
||||
min-height: 100%;
|
||||
color: #ffffff;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
background: linear-gradient(0deg, #000000, rgba(0, 0, 0, 0.5)), repeating-linear-gradient(45deg, #8f0a0a 0% 2%, transparent 2% 4%), repeating-linear-gradient(-45deg, #111 0% 2%, #000000 2% 4%);
|
||||
}
|
||||
html body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 1;
|
||||
}
|
||||
html body .headwrap {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
}
|
||||
html body .headwrap .header {
|
||||
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 50%, transparent);
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
font-size: 20px;
|
||||
padding: 0 0 80px 0;
|
||||
}
|
||||
html body .headwrap .header img {
|
||||
display: inline-block;
|
||||
height: 100px;
|
||||
margin: 30px 0 30px 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
html body .bodywrap {
|
||||
width: 100%;
|
||||
margin: 130px 0 50px 0;
|
||||
}
|
||||
html body .bodywrap .body {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
html body .bodywrap .body img.logo {
|
||||
display: none;
|
||||
width: 100%;
|
||||
}
|
||||
html body .bodywrap .body div.banner {
|
||||
height: auto;
|
||||
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
padding: 30px 0;
|
||||
margin: 100px 0;
|
||||
}
|
||||
html body .bodywrap .body div.banner div.overflow {
|
||||
height: 0;
|
||||
transform: translateY(-100px);
|
||||
}
|
||||
html body .bodywrap .body div.banner div.overflow img {
|
||||
height: 200px;
|
||||
}
|
||||
html body .bodywrap .body div.textbody {
|
||||
width: 90%;
|
||||
padding: 12px 20px;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border: #e11 2px solid;
|
||||
border-radius: 5px;
|
||||
flex-direction: row;
|
||||
}
|
||||
html body .bodywrap .body div.textbody div.item {
|
||||
margin: 14px 0;
|
||||
}
|
||||
html body .bodywrap .body div.textbody div.item div.date {
|
||||
font-size: 12px;
|
||||
}
|
||||
html body .footerwrap {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
border-top: #e11 2px solid;
|
||||
}
|
||||
html body .footerwrap .footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
html body .footerwrap .footer span {
|
||||
font-size: 20px;
|
||||
}
|
||||
html body .footerwrap .footer div.col {
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
}
|
||||
html body .footerwrap .footer div.col.name {
|
||||
flex: 2;
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
html body .headwrap {
|
||||
height: 50px;
|
||||
|
|
@ -100,15 +150,29 @@ a.highlight:hover {
|
|||
display: none;
|
||||
}
|
||||
html body .bodywrap {
|
||||
margin-top: 50px;
|
||||
margin: 50px 0 10px 0;
|
||||
}
|
||||
html body .bodywrap .body img {
|
||||
html body .bodywrap .body img.logo {
|
||||
display: initial;
|
||||
}
|
||||
html body .bodywrap .body div.banner {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 0;
|
||||
margin: 20px 0;
|
||||
}
|
||||
html body .bodywrap .body div.banner div.overflow {
|
||||
height: auto;
|
||||
transform: translateY(0);
|
||||
}
|
||||
html body .footerwrap .footer {
|
||||
padding-left: 10px;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
flex-flow: column;
|
||||
flex-direction: column;
|
||||
flex-basis: 50%;
|
||||
}
|
||||
html body .footerwrap .footer div.col {
|
||||
padding: 2px;
|
||||
|
|
|
|||
173
css/main.less
173
css/main.less
|
|
@ -1,14 +1,42 @@
|
|||
@text: #eee;
|
||||
@color: #e11;
|
||||
@bg: #111;
|
||||
@round: 5px;
|
||||
|
||||
// Standards and pre-defined style classes
|
||||
.round {border-radius:50%}
|
||||
ul {
|
||||
padding:0;
|
||||
margin:4px 0;
|
||||
li {list-style-type:none}
|
||||
}
|
||||
h1,h2,h3,h4,p {margin:0}
|
||||
h1 {font-size:32px}
|
||||
h2 {font-size:14px}
|
||||
|
||||
a {
|
||||
color: contrast(@bg);
|
||||
text-decoration: none;
|
||||
&:hover,
|
||||
&.highlight {
|
||||
color: @color;
|
||||
}
|
||||
&.highlight:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
&[href="#"] {
|
||||
color: average(contrast(@bg), @bg);
|
||||
}
|
||||
transition: cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
|
||||
}
|
||||
|
||||
|
||||
html {
|
||||
min-height: 100%;
|
||||
// Nice background to have
|
||||
color: @text;
|
||||
color: contrast(@bg);
|
||||
font-family: 'Oswald' ,sans-serif;
|
||||
background:
|
||||
linear-gradient(0deg, black, rgba(0,0,0,0.5)),
|
||||
linear-gradient(0deg, darken(@bg,10%), fade(darken(@bg,10%), 50%)),
|
||||
repeating-linear-gradient(
|
||||
45deg,
|
||||
darken(@color, 20%) 0% 2%,
|
||||
|
|
@ -22,48 +50,92 @@ html {
|
|||
;
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 1;
|
||||
.headwrap {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.header {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(0,0,0,0.8) 50%, transparent);
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
font-size: 20px;
|
||||
padding: 0 0 80px 0;
|
||||
img {
|
||||
display: inline-block;
|
||||
height: 100px;
|
||||
margin: 30px 0 30px 0;
|
||||
transform: translateY(30px);
|
||||
z-index: 2;
|
||||
.header {
|
||||
background:
|
||||
linear-gradient(180deg, fade(darken(@bg,10%), 80%) 50%, transparent);
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
font-size: 20px;
|
||||
padding: 0 0 80px 0;
|
||||
img {
|
||||
display: inline-block;
|
||||
height: 100px;
|
||||
margin: 30px 0 30px 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
}
|
||||
}
|
||||
.bodywrap {
|
||||
width: 100%;
|
||||
margin-top: 130px;
|
||||
margin: 130px 0 50px 0;
|
||||
.body {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
padding: 0 5%;
|
||||
img {
|
||||
img.logo {
|
||||
display: none;
|
||||
width: 100%;
|
||||
}
|
||||
div.banner {
|
||||
height: auto;
|
||||
background:
|
||||
linear-gradient(90deg, fade(darken(@bg,10%), 50%), fade(darken(@bg,10%), 20%));
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
padding: 30px 0;
|
||||
margin: 100px 0;
|
||||
div.overflow {
|
||||
height: 0;
|
||||
transform: translateY(-100px);
|
||||
img {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.textbody {
|
||||
width: 90%;
|
||||
padding: 12px 20px;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
background: fade(darken(@bg,10%), 50%);
|
||||
border: @color 2px solid;
|
||||
border-radius: @round;
|
||||
flex-direction: row;
|
||||
div.item {
|
||||
margin: 14px 0;
|
||||
div.date {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footerwrap {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
background: fade(darken(@bg,10%), 80%);
|
||||
border-top: @color 2px solid;
|
||||
.footer {
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
flex-direction: row;
|
||||
span {
|
||||
font-size: 20px;
|
||||
}
|
||||
div.col {
|
||||
&.name {
|
||||
flex: 2;
|
||||
|
|
@ -76,29 +148,6 @@ html {
|
|||
}
|
||||
}
|
||||
|
||||
.round {border-radius:50%}
|
||||
ul {
|
||||
padding:0;
|
||||
margin:4px 0;
|
||||
li {list-style-type:none}
|
||||
}
|
||||
h1,h2 {margin:0}
|
||||
h1 {font-size:32px}
|
||||
h2 {font-size:14px}
|
||||
|
||||
a {
|
||||
color: @text;
|
||||
text-decoration: none;
|
||||
&:hover,
|
||||
&.highlight {
|
||||
color: @color;
|
||||
}
|
||||
&.highlight:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
transition: cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 800px) {
|
||||
}
|
||||
|
||||
|
|
@ -110,23 +159,39 @@ a {
|
|||
.header {
|
||||
padding: 0;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(0,0,0,0.8) 90%, transparent);
|
||||
linear-gradient(180deg, fade(darken(@bg,10%), 80%) 90%, transparent);
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bodywrap {
|
||||
margin-top: 50px;
|
||||
.body img {
|
||||
display: initial;
|
||||
margin: 50px 0 10px 0;
|
||||
.body {
|
||||
img.logo {
|
||||
display: initial;
|
||||
}
|
||||
div.banner {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px 0;
|
||||
margin: 20px 0;
|
||||
div.overflow {
|
||||
height: auto;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footerwrap {
|
||||
.footer {
|
||||
padding-left: 10px;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
flex-flow: column;
|
||||
flex-direction: column;
|
||||
flex-basis: 50%;
|
||||
div.col {padding:2px}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
61
index.html
61
index.html
|
|
@ -16,37 +16,38 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<!--These endless wrappers might be unnecessary now but could be useful later-->
|
||||
<div class="headwrap">
|
||||
<div class="header">
|
||||
<a href="#">Services</a>
|
||||
<a href="#">Platform</a>
|
||||
<img alt="logo" src="https://redxen.eu/res/logo.png">
|
||||
<img alt="logo" src="res/logo.png">
|
||||
<a href="#">Community</a>
|
||||
<a href="#" class="highlight">Get active</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bodywrap">
|
||||
<div class="body">
|
||||
<img alt="logo" src="https://redxen.eu/res/logo.png">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris turpis metus, fringilla ut sodales non, scelerisque a sapien. In commodo eleifend urna a accumsan. Aenean egestas vitae risus eu maximus. Donec mollis dictum ligula, eget iaculis nisi consectetur et. Duis tempus nec arcu at vulputate. Nam sed hendrerit libero. Etiam cursus maximus justo, at aliquet mi tincidunt vel. Nunc mattis vulputate interdum. Aenean ut ex eget ex fermentum efficitur vel in sem. Nam euismod neque ut placerat vestibulum. In nec varius neque, sit amet sodales tortor. Aliquam ac maximus ante, quis ornare ex. Donec non iaculis metus. Nulla eu lacus imperdiet, eleifend lorem sit amet, congue ex.
|
||||
|
||||
Phasellus aliquet tempor suscipit. Morbi aliquet condimentum tincidunt. Curabitur scelerisque, nisi ac feugiat feugiat, est metus ultrices nisl, eget fringilla ex ligula eget ante. Aliquam ac risus non turpis efficitur euismod. Vestibulum quis tincidunt orci. Cras aliquet sapien odio, vitae auctor diam tristique ac. Aliquam luctus elit nec purus pretium, a pellentesque ante efficitur. Donec iaculis lacus quis ante viverra bibendum. Quisque facilisis vehicula lorem, eget posuere odio finibus sit amet.
|
||||
|
||||
Ut felis elit, cursus eget dignissim vel, lobortis ultrices urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sed commodo ligula. Aenean nulla lectus, scelerisque vitae ex ac, scelerisque rutrum magna. Cras vulputate et risus ac maximus. Cras sed faucibus leo, nec scelerisque dolor. Cras ut cursus ligula. Duis massa metus, viverra sed gravida ut, laoreet rutrum turpis. Fusce eget faucibus leo, vel dapibus ante. Integer molestie cursus erat nec tristique. Aliquam vitae diam leo.
|
||||
|
||||
Ut justo nisl, sagittis tincidunt orci sit amet, suscipit luctus neque. Donec et diam a lorem ornare porttitor at ut velit. Morbi eu felis sagittis, rutrum tortor sed, tempor tellus. Praesent ligula lorem, pharetra non quam sit amet, ultricies tincidunt enim. Nulla vel neque nibh. Sed scelerisque sodales urna, id lacinia erat varius id. Vestibulum nec hendrerit purus. Integer laoreet vestibulum nibh, porttitor sagittis metus vestibulum sit amet. Maecenas volutpat dolor in nibh lobortis, et sagittis diam cursus. Duis in egestas elit.
|
||||
|
||||
Vestibulum commodo, felis eu facilisis tincidunt, lacus quam feugiat erat, at tristique orci nunc in turpis. Suspendisse tincidunt enim diam, et ornare mi convallis quis. Praesent id facilisis orci, quis venenatis nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi pulvinar nisi ac pharetra egestas. Praesent at sapien ipsum. Proin tortor nunc, fermentum quis commodo vel, condimentum at nunc. Maecenas dictum eget nisi id volutpat. Sed mauris augue, placerat id malesuada eget, convallis quis ipsum.
|
||||
|
||||
Maecenas ac libero sit amet lorem imperdiet pretium. Donec gravida urna quis eros aliquet, sed tincidunt tellus auctor. Vivamus sed massa rutrum, gravida quam et, placerat orci. Donec consectetur felis sapien, id pretium lorem vestibulum eu. Mauris sollicitudin et velit ac pellentesque. Quisque pretium, ipsum vel ultricies efficitur, enim mauris porta enim, id iaculis elit neque in arcu. Maecenas luctus quam quis arcu rhoncus tempor. Duis vitae ultrices metus, non facilisis leo. Mauris eget mollis sem. Nullam porta urna lacus, in viverra dui dignissim vitae. Integer nisl lacus, porta a ipsum et, auctor vestibulum enim. Proin nunc eros, malesuada sed mi eu, sagittis posuere eros.
|
||||
|
||||
Nullam feugiat mauris eu condimentum vehicula. Phasellus euismod, velit at ultricies luctus, mi risus egestas neque, vitae luctus neque sem ac risus. Pellentesque varius maximus fermentum. Duis ac sodales lorem, sit amet tempus lorem. Duis id libero arcu. Proin in nisi quis ligula blandit luctus et vitae ante. Mauris sollicitudin arcu a maximus finibus. Aenean dictum, tortor ac scelerisque eleifend, nunc quam pulvinar lacus, at eleifend tortor metus quis turpis. Morbi vitae hendrerit odio. Nam id ipsum sit amet mauris bibendum aliquet. Sed diam sem, pulvinar sit amet urna eu, tincidunt pellentesque nibh. Nulla non pulvinar massa. Aenean eget arcu at nunc molestie aliquet ac non erat. Cras id quam in elit ultricies porttitor.
|
||||
|
||||
Donec rhoncus velit quis malesuada euismod. Aenean id magna dignissim, consectetur neque vitae, sodales neque. Phasellus pretium pharetra feugiat. Integer ac urna est. Curabitur fermentum viverra libero, a eleifend sem lacinia a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam sit amet justo vitae metus vulputate luctus. Nunc porttitor est et ultrices hendrerit. Nunc porttitor ligula luctus fringilla pellentesque. Mauris tincidunt sollicitudin dolor, id pellentesque metus interdum nec. Donec eu porttitor sem, id ultrices urna. Integer pulvinar risus ornare est ultrices ornare. Cras pellentesque ut nibh ornare tempus. Sed condimentum non nisi non auctor. Quisque in pretium mi. Proin hendrerit tortor sed eros pretium bibendum.
|
||||
|
||||
Ut ultricies gravida rhoncus. Donec dictum mollis lacus, vel consequat quam fermentum a. Aliquam tristique nulla ac ante sodales ornare. Phasellus turpis neque, eleifend vitae nunc vel, egestas rhoncus diam. Vestibulum eu ornare dui. Proin dui nisl, tincidunt quis malesuada nec, malesuada sed dui. Proin rhoncus lectus leo, et pretium elit commodo quis. Quisque hendrerit nisi neque, vel tristique orci dignissim ac. In laoreet nisl eleifend, dignissim erat quis, molestie arcu. Donec gravida pretium pulvinar. Cras blandit turpis nec augue mollis ultricies. Etiam eu risus ante. Nulla luctus, lacus id elementum dignissim, elit ligula tempor neque, et cursus ante ex ac augue. Nunc feugiat porta quam. Quisque vestibulum leo nec varius vehicula. Pellentesque non nulla vitae ipsum rutrum dictum a vitae velit.
|
||||
</p>
|
||||
<img alt="logo" class="logo" src="https://redxen.eu/res/logo.png">
|
||||
<div class="banner">
|
||||
<div class="overflow">
|
||||
<img src="https://i.imgur.com/CWD6QdZ.gif" alt="item">
|
||||
</div>
|
||||
<p>Placeholder showcase</p>
|
||||
</div>
|
||||
<div class="news textbody">
|
||||
<h3>News</h3>
|
||||
<div class="item">
|
||||
<h4>Server maintenance complete</h4>
|
||||
<p>The server maintenance was completed successfully and the services are back to normal.</p>
|
||||
<div class="date">01.08.2019</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h4>Something went wrong</h4>
|
||||
<a href="#">Read more</a>
|
||||
<div class="date">01.01.1970</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerwrap">
|
||||
|
|
@ -56,21 +57,29 @@ Ut ultricies gravida rhoncus. Donec dictum mollis lacus, vel consequat quam ferm
|
|||
<h2>The community that empowers gamers</h2>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul>Resources
|
||||
<li><a href="#">RSS</a></li>
|
||||
<ul>
|
||||
<span>Resources</span>
|
||||
<li><a href="https://prism-break.org">Prism Break</a></li>
|
||||
<li><a href="https://rfc-editor.org/rfc-index.html">IETF RFC</a></li>
|
||||
<li><a href="https://w3.org">W3C</a></li>
|
||||
<li><a href="https://eff.org/">EFF</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul>External
|
||||
<li><a href="#">Google Fonts</a></li>
|
||||
<ul>
|
||||
<span>Project libraries</span>
|
||||
<li><a href="https://fonts.google.com">Google Fonts</a></li>
|
||||
<li><a href="https://lesscss.org">Less CSS</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col">
|
||||
<ul>Legal
|
||||
<ul>
|
||||
<span>Legal</span>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="legal/privacypolicy.html">Privacy Policy</a></li>
|
||||
<li><a href="#">Contact</a></li></div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
283
res/logo.svg
283
res/logo.svg
|
|
@ -1,283 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="60mm"
|
||||
height="60mm"
|
||||
viewBox="0 0 60 60"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
sodipodi:docname="logo.svg">
|
||||
<title
|
||||
id="title5858">RedXen Logo</title>
|
||||
<defs
|
||||
id="defs2">
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient6724">
|
||||
<stop
|
||||
style="stop-color:#111111;stop-opacity:1"
|
||||
offset="0"
|
||||
id="stop6720" />
|
||||
<stop
|
||||
style="stop-color:#222222;stop-opacity:1"
|
||||
offset="1"
|
||||
id="stop6722" />
|
||||
</linearGradient>
|
||||
<inkscape:path-effect
|
||||
effect="bspline"
|
||||
id="path-effect4821"
|
||||
is_visible="true"
|
||||
weight="33.333333"
|
||||
steps="2"
|
||||
helper_size="0"
|
||||
apply_no_weight="true"
|
||||
apply_with_weight="true"
|
||||
only_selected="false" />
|
||||
<linearGradient
|
||||
id="Background"
|
||||
inkscape:collect="always">
|
||||
<stop
|
||||
id="stop5809"
|
||||
offset="0"
|
||||
style="stop-color:#780a0a;stop-opacity:1" />
|
||||
<stop
|
||||
id="stop5811"
|
||||
offset="1"
|
||||
style="stop-color:#e03333;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<inkscape:path-effect
|
||||
effect="spiro"
|
||||
id="path-effect5763"
|
||||
is_visible="true" />
|
||||
<inkscape:path-effect
|
||||
effect="spiro"
|
||||
id="path-effect5759"
|
||||
is_visible="true" />
|
||||
<inkscape:path-effect
|
||||
effect="bspline"
|
||||
id="path-effect5751"
|
||||
is_visible="true"
|
||||
weight="33.333333"
|
||||
steps="2"
|
||||
helper_size="0"
|
||||
apply_no_weight="true"
|
||||
apply_with_weight="true"
|
||||
only_selected="false" />
|
||||
<inkscape:path-effect
|
||||
effect="bspline"
|
||||
id="path-effect5747"
|
||||
is_visible="true"
|
||||
weight="33.333333"
|
||||
steps="2"
|
||||
helper_size="0"
|
||||
apply_no_weight="true"
|
||||
apply_with_weight="true"
|
||||
only_selected="false" />
|
||||
<inkscape:path-effect
|
||||
effect="bspline"
|
||||
id="path-effect5377"
|
||||
is_visible="true"
|
||||
weight="33.333333"
|
||||
steps="2"
|
||||
helper_size="0"
|
||||
apply_no_weight="true"
|
||||
apply_with_weight="true"
|
||||
only_selected="false" />
|
||||
<inkscape:path-effect
|
||||
effect="bspline"
|
||||
id="path-effect5373"
|
||||
is_visible="true"
|
||||
weight="33.333333"
|
||||
steps="2"
|
||||
helper_size="0"
|
||||
apply_no_weight="true"
|
||||
apply_with_weight="true"
|
||||
only_selected="false" />
|
||||
<inkscape:path-effect
|
||||
effect="bspline"
|
||||
id="path-effect5287"
|
||||
is_visible="true"
|
||||
weight="33.333333"
|
||||
steps="2"
|
||||
helper_size="0"
|
||||
apply_no_weight="true"
|
||||
apply_with_weight="true"
|
||||
only_selected="false" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#Background"
|
||||
id="linearGradient5802"
|
||||
x1="9.9999981"
|
||||
y1="247"
|
||||
x2="70"
|
||||
y2="247"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(1,0,0,1.5,-9.9999983,-103.49999)" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient6724"
|
||||
id="linearGradient6726"
|
||||
x1="29.999998"
|
||||
y1="259"
|
||||
x2="0"
|
||||
y2="297"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="2"
|
||||
inkscape:cx="233.32499"
|
||||
inkscape:cy="168.39291"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer2"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1018"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="32"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:bbox-paths="false"
|
||||
inkscape:bbox-nodes="false"
|
||||
inkscape:snap-bbox-edge-midpoints="true"
|
||||
inkscape:pagecheckerboard="false" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title>RedXen Logo</dc:title>
|
||||
<dc:creator>
|
||||
<cc:Agent>
|
||||
<dc:title>caskd</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:creator>
|
||||
<dc:rights>
|
||||
<cc:Agent>
|
||||
<dc:title>caskd</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:rights>
|
||||
<dc:publisher>
|
||||
<cc:Agent>
|
||||
<dc:title>caskd</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:publisher>
|
||||
<dc:source>https://redxen.eu</dc:source>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer5"
|
||||
inkscape:label="Background Bottom" />
|
||||
<g
|
||||
inkscape:label="Background"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
style="display:inline"
|
||||
transform="translate(0,-237)">
|
||||
<flowRoot
|
||||
xml:space="preserve"
|
||||
id="flowRoot5815"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Roboto;-inkscape-font-specification:Roboto;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
|
||||
transform="scale(0.26458333)"><flowRegion
|
||||
id="flowRegion5817"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto"><rect
|
||||
id="rect5819"
|
||||
width="215.66757"
|
||||
height="53.740116"
|
||||
x="41.719299"
|
||||
y="1027.0603"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto" /></flowRegion><flowPara
|
||||
id="flowPara5821" /></flowRoot> <rect
|
||||
id="rect10"
|
||||
width="60"
|
||||
height="60"
|
||||
x="0"
|
||||
y="237"
|
||||
style="display:inline;opacity:1;fill:url(#linearGradient5802);fill-opacity:1;stroke-width:0.20192306;stroke:none"
|
||||
ry="0"
|
||||
rx="0" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer3"
|
||||
inkscape:label="Background Hill"
|
||||
style="display:inline"
|
||||
transform="translate(0,-237)" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer2"
|
||||
inkscape:label="Foreground Hill"
|
||||
style="display:inline;opacity:1"
|
||||
transform="translate(0,-237)">
|
||||
<flowRoot
|
||||
xml:space="preserve"
|
||||
id="flowRoot5823"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Roboto;-inkscape-font-specification:Roboto;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
|
||||
transform="scale(0.26458333)"><flowRegion
|
||||
id="flowRegion5825"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto"><rect
|
||||
id="rect5827"
|
||||
width="117.41467"
|
||||
height="54.695965"
|
||||
x="37.795269"
|
||||
y="1009.1339"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Roboto;-inkscape-font-specification:Roboto" /></flowRegion><flowPara
|
||||
id="flowPara5829">RedXemndss</flowPara></flowRoot> <flowRoot
|
||||
xml:space="preserve"
|
||||
id="flowRoot5831"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1;font-family:Roboto;-inkscape-font-specification:Roboto;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
|
||||
transform="scale(0.26458333)"><flowRegion
|
||||
id="flowRegion5833"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:1;font-family:Roboto;-inkscape-font-specification:Roboto"><rect
|
||||
id="rect5835"
|
||||
width="143.18912"
|
||||
height="14.142109"
|
||||
x="38.537319"
|
||||
y="1042.9702"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:1;font-family:Roboto;-inkscape-font-specification:Roboto" /></flowRegion><flowPara
|
||||
id="flowPara5837">RX</flowPara></flowRoot> <path
|
||||
style="display:inline;fill:url(#linearGradient6726);fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0"
|
||||
d="M 0,297 H 59.999998 V 259 C 46.436069,259 41.273209,271.14135 30.588997,272 20.083594,272.84428 14.904049,264 0,264 Z"
|
||||
id="path4790"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="cccacc" />
|
||||
</g>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
id="layer4"
|
||||
inkscape:label="Text"
|
||||
style="opacity:0.03"
|
||||
transform="translate(0,-237)">
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:1.25;font-family:Oswald;-inkscape-font-specification:'Oswald, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
|
||||
x="25.172283"
|
||||
y="292.97177"
|
||||
id="text5845"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan5843"
|
||||
x="25.172283"
|
||||
y="292.97177"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.52777767px;line-height:1.25;font-family:Oswald;-inkscape-font-specification:'Oswald, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke-width:0.26458332">RedXen</tspan></text>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 MiB |
Loading…
Reference in New Issue