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

visual design update

Browse Source
This commit is contained in:
Naoki Rinmous 2018-01-24 20:30:28 +08:00
parent 1c700ae1fd
commit f441900bca
3 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/stylesheets/header.scss
View File

@ -1,5 +1,4 @@
.header {
background: #385068;
padding-top: 1.6em;
}

13
assets/stylesheets/index.scss
View File

@ -46,8 +46,9 @@ html {
}
.main-container {
margin: 0 auto;
max-width: 64em;
background: #476685;
box-shadow: inset 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
padding-bottom: 1em;
}
.no-wrap {
@ -55,6 +56,10 @@ html {
}
.section {
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
margin: 1em 0;
margin: 1em auto;
max-width: 64em;
}
.section.shadow {
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
}

17
index.html
View File

@ -6,6 +6,9 @@
<title>about amphineko</title>
</head>
<body>
<div class="section shadow">
<a class="hosting" href="https://github.com/amphineko/amphineko"><i aria-hidden="true" class="fas fa-code-branch"></i> Fork this template on GitHub</a>
</div>
<div class="main-container">
<div class="section header grid-container">
<div class="picture-container grid-30">
@ -60,7 +63,7 @@
</div>
</div>
</div>
<div class="section identity-category grid-container">
<div class="section identity-category grid-container shadow">
<h2 class="title">
<i aria-hidden="true" class="fas fa-chevron-right"></i> Naoki Rinmous
<span class="no-wrap">
@ -115,7 +118,7 @@
</li>
</ul>
</div>
<div class="section identity-category grid-container">
<div class="section identity-category grid-container shadow">
<h2 class="title">
<i aria-hidden="true" class="fas fa-chevron-right"></i> NekoSauce
<span class="no-wrap">
@ -157,11 +160,11 @@
</li>
</ul>
</div>
<div class="section">
<a class="hosting" href="//futa.moe"><i aria-hidden="true" class="far fa-heart"></i> Hosted by 五月研究所 <span class="link">//futa.moe</span></a>
<div class="copyright">
Copyright © 2015-2017 Naoki Rinmous. Illustrations have their own licenses.
</div>
</div>
<div class="section shadow">
<a class="hosting" href="//futa.moe"><i aria-hidden="true" class="far fa-heart"></i> Hosted by 五月研究所 <span class="link">//futa.moe</span></a>
<div class="copyright">
Copyright © 2015-2017 Naoki Rinmous. Illustrations have their own licenses.
</div>
</div>
</body>