186526
/
unpkg
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add copyright notice

This commit is contained in:
MICHAEL JACKSON 2017-06-09 13:49:27 -07:00
parent 9bc5d47f1e
commit dbaafe24db
2 changed files with 38 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
client/Layout.js
View File

@ -61,29 +61,36 @@ class Layout extends React.Component {
return (
<div>
<WindowSize onChange={this.adjustUnderline}/>
<header>
<h1>unpkg</h1>
<nav>
<ol className="underlist">
<li><Link to="/">Home</Link></li>
<li><Link to="/stats">Stats</Link></li>
<li><Link to="/about">About</Link></li>
</ol>
<Motion defaultStyle={{ left: underlineLeft, width: underlineWidth }} style={style}>
{s => (
<div
className="underlist-underline"
style={{
WebkitTransform: `translate3d(${s.left}px,0,0)`,
transform: `translate3d(${s.left}px,0,0)`,
width: s.width
}}
/>
)}
</Motion>
</nav>
</header>
<div className="wrapper">
<header>
<h1>unpkg</h1>
<nav>
<ol className="underlist">
<li><Link to="/">Home</Link></li>
<li><Link to="/stats">Stats</Link></li>
<li><Link to="/about">About</Link></li>
</ol>
<Motion defaultStyle={{ left: underlineLeft, width: underlineWidth }} style={style}>
{s => (
<div
className="underlist-underline"
style={{
WebkitTransform: `translate3d(${s.left}px,0,0)`,
transform: `translate3d(${s.left}px,0,0)`,
width: s.width
}}
/>
)}
</Motion>
</nav>
</header>
</div>
{this.props.children}
<div className="wrapper">
<footer>
<p>&copy; 2016-{(new Date).getFullYear()} Michael Jackson</p>
</footer>
</div>
</div>
)
}

11
client/index.css
View File

@ -1,4 +1,4 @@
body {
body {
font-size: 16px;
font-family: -apple-system,
BlinkMacSystemFont,
@ -62,7 +62,7 @@ table th, table td {
color: #999;
}
header, .wrapper {
.wrapper {
max-width: 600px;
margin: 0 auto;
}
@ -125,3 +125,10 @@ header nav a:visited {
.about-logo img {
max-width: 60%;
}
footer {
margin-top: 40px;
border-top: 1px solid black;
font-size: 0.8em;
text-align: right;
}