Static site - Jackie #42
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="styles/main.css"> | ||
| <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"> | ||
| <title>Jackie Watanabe: about.me</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="logo"> | ||
| <h2><a href="index.html">Jackie Watanabe</a></h2> | ||
| </div> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="portfolio.html">Code.Folio</a></li> | ||
| <li><a href="code-journal.html">Code.Journal</a></li> | ||
| <li><a href="http://jackiewatanabe.com">Past.life</a></li> | ||
| <li><a id="current-page" href="about.html">About.me</a></li> | ||
| </ul> | ||
| </nav> | ||
| <div id="social"> | ||
| <a href="http://www.facebook.com"><i class="fa fa-facebook" aria-hidden="true"></i></a> | ||
| <a href="http://www.twitter.com/sushiigirl"><i class="fa fa-twitter" aria-hidden="true"></i></a> | ||
| <a href="http://instagram.com/jackiewatanabe"><i class="fa fa-instagram" aria-hidden="true"></i></a> | ||
| <a href="http://www.github.com/jackiewatanabe"><i class="fa fa-github" aria-hidden="true"></i></a> | ||
| <a href="https://www.linkedin.com/in/watanabejackie/"><i class="fa fa-linkedin" aria-hidden="true"></i></a> | ||
| </div> | ||
| </header> | ||
| <main> | ||
| <section class="page-header"> | ||
| <!-- <h4 class="page-subtitle">about.me</h4> --> | ||
| <h2 class="page-title">Oh, hey!</h2> | ||
|
|
||
| <!-- <p class="page-blurb"> | ||
| This page is all about me! Blabla this is nothing but it will become something very soon. I just need to think of something clever to write up here. Blablabla. Isn't this so interesting? Probably not. OK, bye. | ||
| </p> --> | ||
| </section> | ||
| <section class="about-text"> | ||
| <p> | ||
| Hi, I’m Jackie. I like Hello Kitty and taking pictures. This is just a space where I share some of my coding adventures as a student at <a href="http://adadevelopersacademy.org">Ada Developers Academy</a>. Currently, I’m based in Seattle. If you like my work, you can contact me at jackie(at)jackiewatanabe(dot)com. | ||
| </p> | ||
| <img src="images/AboutMe_Jackie_Watanabe_square1.jpg" alt="Jackie Watanabe"/> | ||
| <!-- <div class="circular"></div> --> | ||
| </section> | ||
| </main> | ||
| <footer> | ||
| <div id="copyright"> | ||
| ©2017 Jackie Watanabe | ||
| </div> | ||
| <div id="connect"> | ||
| <h4>Connect</h4> | ||
| <a href="http://www.facebook.com"><i class="fa fa-facebook" aria-hidden="true"></i></a> | ||
| <a href="http://www.twitter.com/sushiigirl"><i class="fa fa-twitter" aria-hidden="true"></i></a> | ||
| <a href="http://instagram.com/jackiewatanabe"><i class="fa fa-instagram" aria-hidden="true"></i></a> | ||
| <a href="http://www.github.com/jackiewatanabe"><i class="fa fa-github" aria-hidden="true"></i></a> | ||
| <a href="http://www.linkedin.com/in/watanabejackie"><i class="fa fa-linkedin" aria-hidden="true"></i></a> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="styles/main.css"> | ||
| <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"> | ||
| <link href="styles/normalize.css" rel="stylesheet"> | ||
|
There was a problem hiding this comment. It looks like this normalize stylesheet is overriding some of your styling (like cool fonts) -- is that intended? If not (that is, if you want your styles to apply after the normalizing), you can move your main.css stylesheet below the normalize.css sheet in the |
||
| <title>Jackie Watanabe: code.journal</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="logo"> | ||
| <h2><a href="index.html">Jackie Watanabe</a></h2> | ||
| </div> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="portfolio.html">Code.Folio</a></li> | ||
| <li><a id="current-page" href="code-journal.html">Code.Journal</a></li> | ||
| <li><a href="http://jackiewatanabe.com">Past.life</a></li> | ||
| <li><a href="about.html">About.me</a></li> | ||
| </ul> | ||
| </nav> | ||
| <div id="social"> | ||
| <a href="http://www.facebook.com"><i class="fa fa-facebook" aria-hidden="true"></i></a> | ||
| <a href="http://www.twitter.com/sushiigirl"><i class="fa fa-twitter" aria-hidden="true"></i></a> | ||
| <a href="http://instagram.com/jackiewatanabe"><i class="fa fa-instagram" aria-hidden="true"></i></a> | ||
| <a href="http://www.github.com/jackiewatanabe"><i class="fa fa-github" aria-hidden="true"></i></a> | ||
| <a href="https://www.linkedin.com/in/watanabejackie/"><i class="fa fa-linkedin" aria-hidden="true"></i></a> | ||
| </div> | ||
| </header> | ||
| <main> | ||
| <section class="page-header"> | ||
| <h2 class="page-title">Blog</h2> | ||
|
|
||
| </section> | ||
| <section class="blog-posts"> | ||
| <article> | ||
| <section class="blog-post-header"> | ||
| <h3>My third blog post!</h3> | ||
| <h4 class="date">March 20th, 2017</h4> | ||
| </section> | ||
| <section class="blog-post-text"> | ||
| <p> | ||
| syndicated content farm hyperhyperlocal get me rewrite morgue bloggers in their mother's basement newspaper strike data visualization, tags Voice of San Diego cognitive surplus crowdsourcing gamification vast wasteland content farm, Sulzberger West Seattle Blog Encyclo Foursquare Sulzberger hyperlocal. tweet incent recontextualize synergize community inverted pyramid crowdsourcing mathewi NYT R&D Walter Lippmann HuffPo, hackgate cancel my subscription I love the Weather & Opera section put the paper to bed iPhone app bloggers in their mother's basement HuffPo circulation net neutrality Fuego church of the savvy, dying get me rewrite syndicated Instagram incent Colbert bump Julian Assange put the paper to bed Politics & Socks page. | ||
| </p> | ||
| <p> | ||
| learnings Romenesko gotta grok it before you rock it WaPo explainer RT iPad app Neil Postman Colbert bump iPad app serendipity attracting young readers privacy paidContent, Innovator's Dilemma Aron Pilhofer the medium is the massage mthomps put the paper to bed nonprofit commons-based peer production copyright commons-based peer production Demand Media 5% corruption Josh Marshall. plagiarism linkbait inverted pyramid David Foster Wallace afternoon paper data journalism afternoon paper, Sulzberger 5 praise erasers & how to avoid them cognitive surplus Google News inverted pyramid iPad app, just across the wire Snarkmarket DocumentCloud Nook AP. | ||
| </p> | ||
| <p> | ||
| net neutrality meme pay curtain privacy Storify stupid commenters API circulation cops beat Groupon the other longer Book Review, meme Reuters NPR Knight Foundation Jay Rosen but what's the business model lede Patch perfect for starting a campfire put the paper to bed tweet, aggregation net neutrality Neil Postman Jay Rosen Neil Postman column-inch horse-race coverage Bill Keller reporting. What Would Google Do Encyclo content farm analytics Gardening & War section attracting young readers David Foster Wallace right-sizing Chartbeat plagiarism a giant stack of newspapers that you'll never read I saw it on Mediagazer Gannett Frontline Clay Shirky, copyboy content farm Chartbeat The Printing Press as an Agent of Change semipermeable explainer data journalism mthomps reality-based I love the Weather & Opera section Jeff Jarvis Gawker. | ||
| </p> | ||
| </section> | ||
| </article> | ||
| <article> | ||
| <section class="blog-post-header"> | ||
| <h3>My second blog post!</h3> | ||
| <h4 class="date">March 6th, 2017</h4> | ||
| </section> | ||
| <section class="blog-post-text"> | ||
| <p> | ||
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
| </p> | ||
| </section> | ||
| </article> | ||
| <article> | ||
| <section class="blog-post-header"> | ||
| <h3>My first blog post!</h3> | ||
| <h4 class="date">February 20th, 2017</h4> | ||
| </section> | ||
| <section class="blog-post-text"> | ||
| <p> | ||
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
| </p> | ||
| </section> | ||
| </article> | ||
|
|
||
| </section> | ||
| </main> | ||
| <footer> | ||
| <div id="copyright"> | ||
| ©2017 Jackie Watanabe | ||
| </div> | ||
| <div id="connect"> | ||
| <h4>Connect</h4> | ||
| <a href="http://www.facebook.com"><i class="fa fa-facebook" aria-hidden="true"></i></a> | ||
| <a href="http://www.twitter.com/sushiigirl"><i class="fa fa-twitter" aria-hidden="true"></i></a> | ||
| <a href="http://instagram.com/jackiewatanabe"><i class="fa fa-instagram" aria-hidden="true"></i></a> | ||
| <a href="http://www.github.com/jackiewatanabe"><i class="fa fa-github" aria-hidden="true"></i></a> | ||
| <a href="http://www.linkedin.com/in/watanabejackie"><i class="fa fa-linkedin" aria-hidden="true"></i></a> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, | ||
| Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, | ||
| comprehensive icon sets or copy and paste your own. | ||
|
|
||
| Please. Check it out. | ||
|
|
||
| -Dave Gandy |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice touch using styles to signify the current page in nav.