mike/systeminformation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated website

Browse Source
This commit is contained in:
Sebastian Hildebrandt 2021-02-06 21:41:25 +01:00
parent 98143c9dc0
commit 6f3c0d947b
4 changed files with 39 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.html
View File

@ -165,7 +165,7 @@
<body>
<header class="bg-image-full">
<div class="container">
<div class="top-container">
<a href="security.html" class="recommendation">Security advisory:<br>Update to v4.31.1</a>
<img class="logo" src="assets/logo.png">
<div class="title">systeminformation</div>
@ -209,7 +209,7 @@
<div class="title">Downloads last month</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-12">
<div class="numbers">380</div>
<div class="numbers">382</div>
<div class="title">Dependents</div>
</div>
</div>

24
docs/styles.css
View File

@ -47,13 +47,14 @@ h1, h2, h3, h4 {
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 100% !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.bg-image-full .container {
.bg-image-full .top-container {
text-align: center;
-ms-flex-item-align: center;
align-self: center;
@ -73,15 +74,19 @@ h1, h2, h3, h4 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
position: relative;
width: 100% !important;
}
.bg-image-full .recommendation {
position: absolute;
top: 40px;
right: -95px;
top: 30px;
right: 0px;
margin-right: -85px;
z-index: 10;
display: inline-block;
width: 330px;
width: 280px;
text-align: center;
padding: .25em 0;
color: white;
@ -97,16 +102,21 @@ h1, h2, h3, h4 {
}
}
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 767px) {
.bg-image-full .recommendation {
font-size: 1.1rem;
top: 40px;
margin-right: -95px;
width: 330px;
}
}
@media only screen and (min-width: 1024px) {
.bg-image-full .recommendation {
top: 50px;
right: -75px;
width: 330px;
top: 60px;
right: 0px;
margin-right: -71px;
font-size: 1.2rem;
}
}

2
docs/styles.css.map
View File

File diff suppressed because one or more lines are too long

29
docs/styles.scss
View File

@ -41,10 +41,10 @@ h1, h2, h3, h4 {
display: flex;
justify-content: center;
text-align: center;
width: 100% !important;
// align-items: center;
flex-direction: column;
.container {
.top-container {
text-align: center;
align-self: center;
display: flex;
@ -52,14 +52,18 @@ h1, h2, h3, h4 {
flex-direction: column;
align-items: center;
flex-grow: 1;
overflow: hidden;
position: relative;
width: 100% !important;
}
.recommendation {
position: absolute;
top: 40px;
right: -95px;
top: 30px;
right: 0px;
margin-right:-85px;
z-index: 10;
display: inline-block;
width: 330px;
width: 280px;
text-align: center;
padding: .25em 0;
color: white;
@ -67,14 +71,19 @@ h1, h2, h3, h4 {
background: rgb(151, 29, 29);
font-size: 0.9rem;
@media only screen and (min-width: 420px) {
font-size: 1.0rem;
font-size: 1.0rem;
}
@media only screen and (min-width: 768px) {
font-size: 1.1rem;
@media only screen and (min-width: 767px) {
font-size: 1.1rem;
top: 40px;
margin-right:-95px;
width: 330px;
}
@media only screen and (min-width: 1024px) {
top: 50px;
right: -75px;
width: 330px;
top: 60px;
right: 0px;
margin-right:-71px;
font-size: 1.2rem;
}
&:hover {