Skip to content
This repository was archived by the owner on Jan 15, 2020. It is now read-only.

Commit

Permalink
apply feedback
Browse files Browse the repository at this point in the history 
Signed-off-by: Nora <nora.abdelgadir@ibm.com>
  • Loading branch information
@nabdelgadir
nabdelgadir committed Mar 18, 2019
1 parent 58e3c5c commit f31b30b
Show file tree
Hide file tree
Showing 9 changed files with 77 additions and 71 deletions.
34 changes: 34 additions & 0 deletions css/resources.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,19 @@ a.card-2 {
margin-bottom: 32px;
}

.card-2 {
width: 100%;
display: inline-block;
border-radius: 5px;
padding: 10px 30px;
border-top: 2px solid var(--color-blue-d);
box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
text-align: left;
color: var(--color-gray-xd);
text-decoration: none;
margin-bottom: 32px;
}

a.card-2:hover h5 {
color: var(--color-blue-d);
}
Expand Down Expand Up @@ -85,6 +98,27 @@ img.icon {
margin-top: 1rem;
}

img.slides-icon {
width: 10%;
height:10%;
margin-right: 16px;
margin-top: 0px;
margin-left: 16px;
}

.multiple-links:hover {
color: var(--color-blue-d);
cursor: pointer;
}

.pres {
min-height: 196px;
}

.pres .row {
transform: translateY(15%);
}

.date {
float: right;
}
2 changes: 1 addition & 1 deletion getting-started-oasgraph.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -226,7 +226,7 @@ <h3 class="feature-heading">Start GraphQL server</h3>
<hr class="hairline-footer">
<div class="row text-center">
<div class="col-md-6">
<p class="regular"> @ Copyright 2019 StrongLoop, an IBM company</p>
<p class="regular"> &copy; Copyright 2018-2019 StrongLoop, an IBM company</p>
</div>
<div class="col-md-6">
<p style="float:right">
Expand Down
2 changes: 1 addition & 1 deletion getting-started.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -324,7 +324,7 @@ <h3 style="color:white">Ready to continue your journey?
<hr class="hairline-footer">
<div class="row text-center">
<div class="col-md-6">
<p class="regular"> @ Copyright 2019 StrongLoop, an IBM company</p>
<p class="regular"> &copy; Copyright 2018-2019 StrongLoop, an IBM company</p>
</div>
<div class="col-md-6">
<p style="float:right">
Expand Down
Binary file removed img/resources/play-icon.png
View file
Binary file not shown.
1 change: 0 additions & 1 deletion img/resources/presentation_128.svg
View file

This file was deleted.

3 changes: 3 additions & 0 deletions img/resources/slideshare-brands.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -237,7 +237,7 @@ <h3 style="color:white">Ready to build amazing things?
<hr class="hairline-footer">
<div class="row text-center">
<div class="col-md-6">
<p class="regular"> @ Copyright 2019 StrongLoop, an IBM company</p>
<p class="regular"> &copy; Copyright 2018-2019 StrongLoop, an IBM company</p>
</div>
<div class="col-md-6">
<p style="float:right">
Expand Down
2 changes: 1 addition & 1 deletion oasgraph.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -242,7 +242,7 @@ <h5 class="card-title">Git repository</h5>
<hr class="hairline-footer">
<div class="row text-center">
<div class="col-md-6">
<p class="regular"> @ Copyright 2019 StrongLoop, an IBM company</p>
<p class="regular"> &copy; Copyright 2018-2019 StrongLoop, an IBM company</p>
</div>
<div class="col-md-6">
<p style="float:right">
Expand Down
102 changes: 36 additions & 66 deletions resources.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -307,99 +307,69 @@ <h3 class="section-heading" style="padding-top: 48px;">Presentations</h3>
<div class="col-md-6">
<p style="height:6px;"></p>
<div class="text-center" style="justify-content: center">
<a class="card-2" href="https://www.youtube.com/watch?v=i3UW5PhDoQg" target="_blank">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-3">
<img class="icon" src="img/resources/play_128.svg" alt="Play icon"/>
</div>
<div class="col-sm-9">
<h5 class="card-title">REST APIs in Minutes with LoopBack 4</h5>
<p class="regular text-gray"> Janny Hou | Cloud Integration Meetup 2019</p>
</div>
</div>
<div >
<iframe width="100%" height="315" src="https://www.youtube.com/embed/W5u_YF96q6o" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</a>
<a class="card-2" href="https://www.slideshare.net/DaveWhiteley1/2019-02-05-toronto-cloud-integration-meetup" target="_blank">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-3">
<img class="icon" src="img/resources/presentation_128.svg" alt="Presentation icon"/>
</div>
<div class="col-sm-9">
<h5 class="card-title">REST APIs in Minutes with LoopBack 4</h5>
<p class="regular text-gray"> Janny Hou | Cloud Integration Meetup 2019</p>
</div>
</div>
<div >
<iframe src="https://www.slideshare.net/slideshow/embed_code/key/CudY56EQvkHvcV" width="100%" height="350" frameborder="0"
marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;"
allowfullscreen> </iframe>
</div>
</div>
</a>
<a class="card-2" href="http://www.nodesummit.com/prior-video/node-summit-2018-the-art-of-extensibility-and-composability-taranveer-virk/" target="_blank">
<div class="row">
<div class="card-2 pres multiple-links" onclick="location.href='https://www.youtube.com/watch?v=i3UW5PhDoQg';">
<div class="col-sm-12 row" style="transform: translateY(0%);">
<div class="col-sm-3">
<img class="icon" src="img/resources/play_128.svg" alt="Play icon"/>
</div>
<div class="col-sm-9">
<h5 class="card-title">Art of Extensibility and Composability</h5>
<p class="regular text-gray">Taranveer Virk | Node Summit 2018</p>
<h5 class="card-title no-link">REST APIs in Minutes with LoopBack 4</h5>
<p class="regular text-gray">Janny Hou | Toronto Meetup 2019</p>
<a href="https://www.slideshare.net/DaveWhiteley1/2019-02-05-toronto-cloud-integration-meetup">
<div class="row">
<img class="icon slides-icon" src="img/resources/slideshare-brands.svg" alt="Slideshare icon"/>
<p class="regular text-gray">Slides</p>
</div>
</a>
</div>
</div>
</a>
</div>
</div>

<div class="col-md-6">
<p style="height: 6px;"></p>
<a class="card-2" href="https://www.youtube.com/watch?v=W5u_YF96q6o&list=PL2I5I38o2kSCPCIxd8IjzYAMZnxcy3BYo&index=3&t=0s" target="_blank">
<div class="col-sm-12">
<div class="row">
</div>
<a class="card-2 pres" href="https://www.youtube.com/watch?v=W5u_YF96q6o&list=PL2I5I38o2kSCPCIxd8IjzYAMZnxcy3BYo&index=3&t=0s" target="_blank">
<div class="col-sm-12 row">
<div class="col-sm-3">
<img class="icon" src="img/resources/play_128.svg" alt="Play icon"/>
</div>
<div class="col-sm-9">
<h5 class="card-title">LoopBack 4 Demo Example Todo Application</h5>
<p class="regular text-gray"> Biniam Admikew | Cloud Integration Meetup 2019</p>
<p class="regular text-gray"> Biniam Admikew | Toronto Meetup 2019</p>
</div>
</div>
<div >
<iframe width="100%" height="315" src="https://www.youtube.com/embed/i3UW5PhDoQg" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</a>
<a class="card-2" href="https://jsi2018.sched.com/event/HYVB?iframe=no" target="_blank">
<div class="col-sm-12">
<div class="row">
</a>
<a class="card-2 pres" href="https://jsi2018.sched.com/event/HYVB?iframe=no" target="_blank">
<div class="col-sm-12 row">
<div class="col-sm-3">
<img class="icon" src="img/resources/presentation_128.svg" alt="Presentation icon"/>
<img class="icon" src="img/resources/slideshare-brands.svg" alt="Slideshare icon"/>
</div>
<div class="col-sm-9">
<h5 class="card-title">The Art of Building Node.js Projects at Scale</h5>
<p class="regular text-gray"> Raymond Feng | Node+JS Interactive 2018</p>
</div>
</div>
<div >
<embed src="https://static.sched.com/hosted_files/jsi2018/05/Art-of-building-nodejs-projects-at-scale.pdf"
type="application/pdf" width="100%" height="350px"/>
</a>
</div>
</div>

<div class="col-md-6">
<p style="height: 6px;"></p>
<a class="card-2 pres" href="http://www.nodesummit.com/prior-video/node-summit-2018-async-functions-in-practice-miroslav-bajtos/" target="_blank">
<div class="row">
<div class="col-sm-3">
<img class="icon" src="img/resources/play_128.svg" alt="Play icon"/>
</div>
<div class="col-sm-9">
<h5 class="card-title">Async Functions in Practice</h5>
<p class="regular text-gray">Miroslav Bajtos | Node Summit 2018</p>
</div>
</div>
</a>
<a class="card-2" href="http://www.nodesummit.com/prior-video/node-summit-2018-async-functions-in-practice-miroslav-bajtos/" target="_blank">
<a class="card-2 pres" href="http://www.nodesummit.com/prior-video/node-summit-2018-the-art-of-extensibility-and-composability-taranveer-virk/" target="_blank">
<div class="row">
<div class="col-sm-3">
<img class="icon" src="img/resources/play_128.svg" alt="Play icon"/>
</div>
<div class="col-sm-9">
<h5 class="card-title">Async Functions in Practice</h5>
<p class="regular text-gray">Miroslav Bajtos | Node Summit 2018</p>
<h5 class="card-title">The Art of Extensibility and Composability</h5>
<p class="regular text-gray">Taranveer Virk | Node Summit 2018</p>
</div>
</div>
</a>
Expand Down Expand Up @@ -474,7 +444,7 @@ <h3 style="padding-top: 80px;">Show off your LoopBack integration!
<hr class="hairline-footer">
<div class="row text-center">
<div class="col-md-6">
<p class="regular"> @ Copyright 2019 StrongLoop, an IBM company</p>
<p class="regular"> &copy; Copyright 2018-2019 StrongLoop, an IBM company</p>
</div>
<div class="col-md-6">
<p style="float:right">
Expand Down

0 comments on commit f31b30b

Please # to comment.