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

updated docs

Browse Source
This commit is contained in:
Sebastian Hildebrandt 2020-11-27 18:10:16 +01:00
parent af2ab5b765
commit e024f78c59
4 changed files with 70 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/index.html
View File

@ -165,6 +165,7 @@
<body>
<header class="bg-image-full">
<div class="container">
<a href="https://github.com/sebhildebrandt/systeminformation/security/advisories?state=published" class="recommendation">Security advisory:<br>Uodate to v4.30.6</a>
<img class="logo" src="assets/logo.png">
<div class="title">systeminformation</div>
<div class="subtitle"><span id="typed"></span></div>

40
docs/styles.css
View File

@ -63,6 +63,46 @@ h1, h2, h3, h4 {
flex-grow: 1;
}
.bg-image-full .recommendation {
position: absolute;
top: 40px;
right: -95px;
z-index: 10;
display: inline-block;
width: 330px;
text-align: center;
padding: .25em 0;
color: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #971d1d;
font-size: 0.9rem;
}
@media only screen and (min-width: 420px) {
.bg-image-full .recommendation {
font-size: 1.0rem;
}
}
@media only screen and (min-width: 768px) {
.bg-image-full .recommendation {
font-size: 1.1rem;
}
}
@media only screen and (min-width: 1024px) {
.bg-image-full .recommendation {
top: 50px;
right: -75px;
font-size: 1.2rem;
}
}
.bg-image-full .recommendation:hover {
text-decoration: none;
}
.bg-image-full .title {
color: #fff;
padding-top: 10px;

2
docs/styles.css.map
View File

File diff suppressed because one or more lines are too long

28
docs/styles.scss
View File

@ -40,6 +40,34 @@ h1, h2, h3, h4 {
align-items: center;
flex-grow: 1;
}
.recommendation {
position: absolute;
top: 40px;
right: -95px;
z-index: 10;
display: inline-block;
width: 330px;
text-align: center;
padding: .25em 0;
color: white;
transform: rotate(45deg);
background: rgb(151, 29, 29);
font-size: 0.9rem;
@media only screen and (min-width: 420px) {
font-size: 1.0rem;
}
@media only screen and (min-width: 768px) {
font-size: 1.1rem;
}
@media only screen and (min-width: 1024px) {
top: 50px;
right: -75px;
font-size: 1.2rem;
}
&:hover {
text-decoration: none;;
}
}
.title {
color: #fff;
padding-top: 10px;