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 { .header {
background: #385068;
padding-top: 1.6em; padding-top: 1.6em;
} }

13
assets/stylesheets/index.scss
View File

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

11
index.html
View File

@ -6,6 +6,9 @@
<title>about amphineko</title> <title>about amphineko</title>
</head> </head>
<body> <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="main-container">
<div class="section header grid-container"> <div class="section header grid-container">
<div class="picture-container grid-30"> <div class="picture-container grid-30">
@ -60,7 +63,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="section identity-category grid-container"> <div class="section identity-category grid-container shadow">
<h2 class="title"> <h2 class="title">
<i aria-hidden="true" class="fas fa-chevron-right"></i> Naoki Rinmous <i aria-hidden="true" class="fas fa-chevron-right"></i> Naoki Rinmous
<span class="no-wrap"> <span class="no-wrap">
@ -115,7 +118,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="section identity-category grid-container"> <div class="section identity-category grid-container shadow">
<h2 class="title"> <h2 class="title">
<i aria-hidden="true" class="fas fa-chevron-right"></i> NekoSauce <i aria-hidden="true" class="fas fa-chevron-right"></i> NekoSauce
<span class="no-wrap"> <span class="no-wrap">
@ -157,12 +160,12 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="section"> </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> <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"> <div class="copyright">
Copyright © 2015-2017 Naoki Rinmous. Illustrations have their own licenses. Copyright © 2015-2017 Naoki Rinmous. Illustrations have their own licenses.
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>