Skip to content

Commit

Permalink
added images
Browse files Browse the repository at this point in the history
  • Loading branch information
@adrienjoly
adrienjoly committed Nov 20, 2016
1 parent 4941161 commit 900593a
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 15 deletions.
14 changes: 7 additions & 7 deletions boost-your-productivity/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ <h3>Boost your productivity</h3>

<li>
<a href="http://trello.com">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(http://www.etourisme.info/wp-content/uploads/2013/12/Trello-Free-Organization-Tool-Easy-to-Use.png);"></div>
<p class="menu-item-title">Get work done with Trello.</p>
</a>
<p class="menu-item-desc">The swiss army knife of productivity. Track progress on an Agile collaborative project, or solo projects. Flexible and adaptable.</p>
Expand All @@ -45,7 +45,7 @@ <h3>Boost your productivity</h3>

<li>
<a href="http://getplan.co/">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(https://pbs.twimg.com/profile_images/710151798808416257/jb38oaj4.jpg);"></div>
<p class="menu-item-title">Manage workloads in your life.</p>
</a>
<p class="menu-item-desc">Plan schedules tasks from various projects into my calendar, so I can put my mind to focus on the present task.</p>
Expand All @@ -54,7 +54,7 @@ <h3>Boost your productivity</h3>

<li>
<a href="https://bestself.co/products/self-journal">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(https://ksr-ugc.imgix.net/assets/004/525/275/1176badf59dd8cde936f5d955f3d9448_original.jpg?w=680&fit=max&v=1442615096&auto=format&q=92&s=2efef1cbbf0c00ee40b2a3323cb7aeec);"></div>
<p class="menu-item-title">Align tactical tasks with your life goals.</p>
</a>
<p class="menu-item-desc">A notebook that helps me define my 13-week objective, strategy to reach it, and track my progress weekly and daily. Very motivational!</p>
Expand All @@ -63,7 +63,7 @@ <h3>Boost your productivity</h3>

<li>
<a href="https://www.instapaper.com/">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(http://www.instapaper.com/static/img/insta_logo_large.png);"></div>
<p class="menu-item-title">Save web pages to read later.</p>
</a>
<p class="menu-item-desc">So many interesting articles that I want to read! I save them to Instapaper, then read on my mobile when I'm stuck in public transport.</p>
Expand All @@ -72,7 +72,7 @@ <h3>Boost your productivity</h3>

<li>
<a href="https://chrome.google.com/webstore/detail/news-feed-eradicator-for/fjcldmjmjhkklehbacihaiopjklihlgg">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(https://static1.squarespace.com/static/55e7927fe4b0a4a21bb6869b/t/5628e19ae4b0100288a1e616/1445519771414/);"></div>
<p class="menu-item-title">Kill Facebook with Newsfeed eradicator</p>
</a>
<p class="menu-item-desc">I deleted the FB app on my phone and installed this on Chrome.
Expand All @@ -82,7 +82,7 @@ <h3>Boost your productivity</h3>

<li>
<a href="http://adrienjoly.com/chrome-next-step-for-trello/">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(https://ph-files.imgix.net/dca5b1a8-fa26-4c12-bd56-2e985a8a6b0b?auto=format&codec=mozjpeg&cs=strip&w=504.39560439560444&h=315);"></div>
<p class="menu-item-title">Check tasks directly from Trello boards.</p>
</a>
<p class="menu-item-desc">Great for Trello users! Next Step saves me time. It displays checklist items of different project cards in a bird’s eye view.</p>
Expand All @@ -91,7 +91,7 @@ <h3>Boost your productivity</h3>

<li>
<a href="https://workflowy.com/">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(http://www.antonellapavese.com/wp-content/uploads/WorkflowyThumb-200.png);"></div>
<p class="menu-item-title">Research and organize with workflowy!</p>
</a>
<p class="menu-item-desc">The notebook of the new millenium! You can outline notes as hierarchical bullet points. You can even fold parts of it and focus on subtrees.</p>
Expand Down
14 changes: 7 additions & 7 deletions get-inspired/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ <h3>Get inspired</h3>

<li>
<a href="#">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(http://media.paperblog.fr/i/307/3078548/culte-dimanche-into-the-wild-L-1.jpeg);"></div>
<p class="menu-item-title">Read Into the Wild by Jon Krakauer.</p>
</a>
<p class="menu-item-desc">McCandless’ journey is heartbreaking, frustrating, and inspiring. It was one of the first books that made me realize the value of travelling.</p>
Expand All @@ -45,7 +45,7 @@ <h3>Get inspired</h3>

<li>
<a href="#">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(https://upload.wikimedia.org/wikipedia/en/4/4c/Lost_in_Translation_poster.jpg);"></div>
<p class="menu-item-title">Feel Lost in Translation with Sofia Coppola.</p>
</a>
<p class="menu-item-desc">A great movie articulating the humor and difficulty of traveling in a completely different country.</p>
Expand All @@ -54,7 +54,7 @@ <h3>Get inspired</h3>

<li>
<a href="#">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(http://www.tradeyouredge.com/wp-content/uploads/2012/08/Timothy-Ferriss.jpg);"></div>
<p class="menu-item-title">Read The 4-hour Workweek again!</p>
</a>
<p class="menu-item-desc">It's a classic but always worth re-reading. It made me understand I didn't need a company or a fixed life to be successful.</p>
Expand All @@ -63,7 +63,7 @@ <h3>Get inspired</h3>

<li>
<a href="https://levels.io/bootstrapping/">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(https://levels.io/wp-content/uploads/2016/09/IMG_8752.jpg);"></div>
<p class="menu-item-title">Make profit from your side projects.</p>
</a>
<p class="menu-item-desc">Pieter Levels gives a 30-minute presentation packed with tips on how to bootstrap from an idea to a startup, while travelling.</p>
Expand All @@ -72,7 +72,7 @@ <h3>Get inspired</h3>

<li>
<a href="#">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(http://werkleitz.de/sites/default/files/styles/large/public/wakinglife8.jpg?itok=9mx4YDQb);"></div>
<p class="menu-item-title">Find inspiration with Waking Life.</p>
</a>
<p class="menu-item-desc">A movie about dreams (and reality). Perfect when you are traveling. I recommend watching in two parts, it's very intense.</p>
Expand All @@ -81,7 +81,7 @@ <h3>Get inspired</h3>

<li>
<a href="#">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(https://upload.wikimedia.org/wikipedia/en/c/cd/Trumanshow.jpg);"></div>
<p class="menu-item-title">Escape your routine with The Truman Show.</p>
</a>
<p class="menu-item-desc">What happens when you discover that every barrier in your life is imaginary?
Expand All @@ -91,7 +91,7 @@ <h3>Get inspired</h3>

<li>
<a href="#">
<div class="menu-item-img" style="background-image: url(test.jpg);"></div>
<div class="menu-item-img" style="background-image: url(http://static.tvtropes.org/pmwiki/pub/images/Baraka_2_7810.jpg);"></div>
<p class="menu-item-title">Get zen watching the film Baraka</p>
</a>
<p class="menu-item-desc">Filmmakers traveled the world capturing the most unique, beautiful videos. More art than hollywood, this story is in the video editing.</p>
Expand Down
3 changes: 2 additions & 1 deletion index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -563,8 +563,9 @@ ul > li a.menu-item-tweep:hover {
width: 20px;
height: 20px;
background-position: 50% 50%;
background-size: contain;
background-size: cover;
background-repeat: no-repeat;
border-radius: 10px;
}

.menu-item-title {
Expand Down

0 comments on commit 900593a

Please sign in to comment.