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

Add copyright notice

Browse Source
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
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 ( return (
<div> <div>
<WindowSize onChange={this.adjustUnderline}/> <WindowSize onChange={this.adjustUnderline}/>
<header> <div className="wrapper">
<h1>unpkg</h1> <header>
<nav> <h1>unpkg</h1>
<ol className="underlist"> <nav>
<li><Link to="/">Home</Link></li> <ol className="underlist">
<li><Link to="/stats">Stats</Link></li> <li><Link to="/">Home</Link></li>
<li><Link to="/about">About</Link></li> <li><Link to="/stats">Stats</Link></li>
</ol> <li><Link to="/about">About</Link></li>
<Motion defaultStyle={{ left: underlineLeft, width: underlineWidth }} style={style}> </ol>
{s => ( <Motion defaultStyle={{ left: underlineLeft, width: underlineWidth }} style={style}>
<div {s => (
className="underlist-underline" <div
style={{ className="underlist-underline"
WebkitTransform: `translate3d(${s.left}px,0,0)`, style={{
transform: `translate3d(${s.left}px,0,0)`, WebkitTransform: `translate3d(${s.left}px,0,0)`,
width: s.width transform: `translate3d(${s.left}px,0,0)`,
}} width: s.width
/> }}
)} />
</Motion> )}
</nav> </Motion>
</header> </nav>
</header>
</div>
{this.props.children} {this.props.children}
<div className="wrapper">
<footer>
<p>&copy; 2016-{(new Date).getFullYear()} Michael Jackson</p>
</footer>
</div>
</div> </div>
) )
} }

11
client/index.css
View File

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