xtaodada/Homepage
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

reduce visual disturbance

Browse Source
This commit is contained in:
amphineko 2020-10-20 09:45:28 +08:00
parent 4ec10f3e1c
commit f1218d7eaf
No known key found for this signature in database
GPG Key ID: 4582E6587852EF42
4 changed files with 23 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.css
View File

@ -38,11 +38,15 @@ html {
background: url(./assets/images/container-background.svg) grey;
background-size: cover;
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
padding: 1em 0;
padding-top: 1em;
margin: 0 auto;
max-width: 64em;
}
.section.intro {
background: rgba(255, 255, 255, 0.95);
}
.no-wrap {
display: inline-block;
}

21
src/index.html
View File

@ -73,16 +73,13 @@
<i aria-hidden="true" class="fas fa-network-wired"></i>
<span class="content">AS205058</span>
</a>
<a class="label" href="#">
<span class="content"><small>AS396303</small></span>
</a>
</div>
<div class="label-group">
<span class="header">platforms</span>
<span class="label">
<i aria-hidden="true" class="fab fa-linux"></i>
debian gentoo
alpine debian gentoo
</span>
<span class="label">
<i aria-hidden="true" class="fab fa-apple"></i>
@ -221,25 +218,13 @@
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>simulation</span>
<span class="label">
<i aria-hidden="true" class="fal fa-city"></i>
Cities: Skylines
<i aria-hidden="true" class="fad fa-paper-plane"></i>
MSFS & X-Plane
</span>
<span class="label">
<i aria-hidden="true" class="fal fa-train"></i>
Train Simulator<small>s</small>
</span>
<span class="label">
<i aria-hidden="true" class="fal fa-subway"></i>
電車でGO!
</span>
<span class="label">
<i aria-hidden="true" class="fad fa-paper-plane"></i>
FS 9 & FS X
</span>
<span class="label">
<i aria-hidden="true" class="fad fa-plane-departure"></i>
X-Plane
</span>
</div>
<div class="label-group">

22
src/stylesheets/identities.css
View File

@ -38,12 +38,11 @@ figure.identities ul li a {
line-height: 1.75em;
padding: 0.5em 0.25em;
text-decoration: none;
transition-duration: .25s;
transition-duration: 0.25s;
}
figure.identities ul li a:hover {
background-color: rgba(1, 105, 124, .01);
box-shadow: inset 0 -0.5em 0.5em -0.5em rgba(1, 105, 124, .1);
background-color: rgba(1, 105, 124, 0.05);
}
figure.identities ul li a i {
@ -57,23 +56,16 @@ figure.identities ul li a .fake-link {
float: right;
}
/* shutdown */
figure.identities ul li.shutdown a {
cursor: not-allowed;
text-decoration: line-through;
}
figure.identities ul li.shutdown a:hover {
box-shadow: inset 0 -0.5em 0.5em -0.5em #C93756;
color: #ddd;
}
/* shutdown & redacted */
figure.identities ul li.shutdown a .label,
figure.identities ul li.shutdown a .fake-link {
text-decoration: line-through;
transition-duration: .25s;
transition-duration: 0.25s;
}
figure.identities ul li.shutdown a:hover .label,
figure.identities ul li.shutdown a:hover .fake-link {
color: #ddd;
text-decoration-color: #c93756;
}

13
src/stylesheets/intro.css
View File

@ -1,5 +1,4 @@
.intro {
background: rgba(255, 255, 255, 0.98);
margin: 1.5em 0;
padding: 1em 0;
}
@ -22,7 +21,6 @@
}
.intro p {
border-left: 0.25em solid #006080;
color: #555;
font-size: 1.2em;
font-weight: 300;
@ -33,11 +31,16 @@
}
.intro .label-group {
box-shadow: inset 0.25em 0 0.25em -0.25em #4600806b;
margin-top: 2em;
border-bottom: .1em solid rgba(0,0,0,.05);
display: block;
margin-top: 3em;
width: 100%;
}
.intro .label-group:last-child {
border-bottom: none;
}
.intro .label-group .header.alt {
color: #777;
font-size: 1em;
@ -53,7 +56,7 @@
.intro .label-group .label {
background: transparent;
box-shadow: inset 0 -.25em .25em -.25em rgba(1, 105, 124, 0.5);
box-shadow: none;
margin: 0.25em 0.25em;
padding: 0 0.25em;
transition-duration: .5s;