Skip to content

Commit

Permalink
add semantic html
Browse files Browse the repository at this point in the history
  • Loading branch information
@bourdakos1
bourdakos1 committed Jan 20, 2020
1 parent 9673aec commit cb1a3fd
Show file tree
Hide file tree
Showing 6 changed files with 175 additions and 162 deletions.
8 changes: 4 additions & 4 deletions docs/_includes/titlebar.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<div class="Home_titleBar__3XDTs">
<header class="Home_titleBar__3XDTs">
<a href="/" class="Home_title__1dfd5">
<span class="Home_titlePrefix__vIot9">IBM</span>&nbsp;&nbsp;Cloud
Annotations
</a>

<div class="titlebar_mainlinks">
<nav class="titlebar_mainlinks">
<a
class="Home_link__3O3aj {% if include.active == 'guides' %}activeLink{% endif %}"
href="{{ '/docs' | relative_url }}"
Expand All @@ -25,7 +25,7 @@
href="{{ '/sdks' | relative_url }}"
>SDKs</a
>
</div>
</nav>

<a
class="Home_link__3O3ajgithub"
Expand Down Expand Up @@ -74,4 +74,4 @@
></path>
<path d="M21 2v2h5.59L18 12.59 19.41 14 28 5.41V11h2V2h-9z"></path></svg
></a>
</div>
</header>
8 changes: 4 additions & 4 deletions docs/_layouts/guides.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

{% include titlebar.html active="guides" %}

<div class="wrapper-stuff">
<main class="wrapper-stuff">
<!--Nav Bar -->
<nav class="col-xs-3 bs-docs-sidebar" id="the-nav-bar">
<ul id="sidebar" class="nav nav-stacked fixed">
Expand All @@ -18,12 +18,12 @@
</nav>

<!--Main Content -->
<div class="content markdown-body">
<article class="content markdown-body">
{% for item in site[page.collection] %}
<h1 id="{{ item.title | slugify }}">{{ item.title }}</h1>
<section class="guide-section">
{{ item.content }}
</section>
{% endfor %}
</div>
</div>
</article>
</main>
80 changes: 41 additions & 39 deletions docs/_layouts/workshop-stepper.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,45 +4,47 @@

{% include titlebar.html active="workshops" %}

<div class="sidebar">
<ol class="stepper">
{% for item in site[page.collection] %} {% if item.url == page.url %}
<li class="stepper-item active">
<a href="{{ item.url | relative_url }}">{{ item.title }}</a>
</li>
{% else %}
<li class="stepper-item">
<a href="{{ item.url | relative_url }}">{{ item.title }}</a>
</li>
{% endif %} {% endfor %}
</ol>
</div>
<main>
<nav class="sidebar">
<ol class="stepper">
{% for item in site[page.collection] %} {% if item.url == page.url %}
<li class="stepper-item active">
<a href="{{ item.url | relative_url }}">{{ item.title }}</a>
</li>
{% else %}
<li class="stepper-item">
<a href="{{ item.url | relative_url }}">{{ item.title }}</a>
</li>
{% endif %} {% endfor %}
</ol>
</nav>

<div class="content-wrapper">
<div class="content markdown-body">
<h1>{{ page.title }}</h1>
{{ content }}
<div class="content-wrapper">
<article class="content markdown-body">
<h1>{{ page.title }}</h1>
{{ content }}
</article>
</div>
</div>

<div class="controls-wrapper">
{% assign hide_prev = "hide" %} {% if page.previous %} {% assign hide_prev =
"" %} {% endif %}
<a
class="button secondary {{ hide_prev }}"
href="{{ page.previous.url | relative_url }}"
aria-label="Previous page"
>
Back
</a>
<div class="spacer"></div>
{% assign hide_next = "hide" %} {% if page.next %} {% assign hide_next = "" %}
{% endif %}
<a
class="button primary {{ hide_next }}"
href="{{ page.next.url | relative_url }}"
aria-label="Next page"
>
Next
</a>
</div>
<div class="controls-wrapper">
{% assign hide_prev = "hide" %} {% if page.previous %} {% assign hide_prev =
"" %} {% endif %}
<a
class="button secondary {{ hide_prev }}"
href="{{ page.previous.url | relative_url }}"
aria-label="Previous page"
>
Back
</a>
<div class="spacer"></div>
{% assign hide_next = "hide" %} {% if page.next %} {% assign hide_next = ""
%} {% endif %}
<a
class="button primary {{ hide_next }}"
href="{{ page.next.url | relative_url }}"
aria-label="Next page"
>
Next
</a>
</div>
</main>
89 changes: 46 additions & 43 deletions docs/demos.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,48 +4,51 @@

{% include titlebar.html active="demos" %}

<ul style="margin-top: 100px">
<li>
<a href="https://github.com/cloud-annotations/object-detection-react"
>object-detection-react</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/object-detection-ios"
>object-detection-ios</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/object-detection-android"
>object-detection-android</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/object-detection-live-stream"
>object-detection-live-stream</a
>
</li>
<li>
<a
href="https://github.com/cloud-annotations/raspberrypi-streaming-object-detection"
>raspberrypi-streaming-object-detection</a
>
</li>
<main>
<ul style="margin-top: 100px">
<li>
<a href="https://github.com/cloud-annotations/object-detection-react"
>object-detection-react</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/object-detection-ios"
>object-detection-ios</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/object-detection-android"
>object-detection-android</a
>
</li>
<li>
<a
href="https://github.com/cloud-annotations/object-detection-live-stream"
>object-detection-live-stream</a
>
</li>
<li>
<a
href="https://github.com/cloud-annotations/raspberrypi-streaming-object-detection"
>raspberrypi-streaming-object-detection</a
>
</li>

<li>
<a href="https://github.com/cloud-annotations/object-detection-python"
>object-detection-python</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/classification-ios"
>classification-ios</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/object-detection-python"
>object-detection-python</a
>
</li>
<li>
<a href="https://github.com/cloud-annotations/classification-ios"
>classification-ios</a
>
</li>

<li>
<a href="https://github.com/cloud-annotations/classification-react"
>classification-react</a
>
</li>
</ul>
<li>
<a href="https://github.com/cloud-annotations/classification-react"
>classification-react</a
>
</li>
</ul>
</main>
16 changes: 9 additions & 7 deletions docs/sdks.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,12 @@

{% include titlebar.html active="sdks" %}

<ul style="margin-top: 100px">
<li>
<a href="https://github.com/cloud-annotations/object-detection-js"
>JavaScript</a
>
</li>
</ul>
<main>
<ul style="margin-top: 100px">
<li>
<a href="https://github.com/cloud-annotations/object-detection-js"
>JavaScript</a
>
</li>
</ul>
</main>
136 changes: 71 additions & 65 deletions docs/workshops.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,72 +4,78 @@

{% include titlebar.html active="workshops" %}

<div class="gridWrapper">
<div class="gridItem">
<div class="tile">
<a class="tile_link" href="/workshops/object-detection">
<div
class="tile_image"
style="background: transparent url(/docs-assets/images/object-thumb.png) no-repeat 0 0 / cover;"
></div>
<h5 class="tile_type">Workshop</h5>
<div class="tile_body">
<h3 class="tile_body_title">
<span
>Real-time object detection in the browser with
TensorFlow.js</span
<main>
<div class="gridWrapper">
<div class="gridItem">
<div class="tile">
<a class="tile_link" href="/workshops/object-detection">
<div
class="tile_image"
style="background: transparent url(/docs-assets/images/object-thumb.png) no-repeat 0 0 / cover;"
></div>
<h5 class="tile_type">Workshop</h5>
<div class="tile_body">
<h3 class="tile_body_title">
<span
>Real-time object detection in the browser with
TensorFlow.js</span
>
</h3>
</div>
<div class="tile_bottom">
<p></p>
<svg
class="tile_bottom_svg"
focusable="false"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
style="will-change: transform;"
>
</h3>
</div>
<div class="tile_bottom">
<p></p>
<svg
class="tile_bottom_svg"
focusable="false"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
style="will-change: transform;"
>
<path d="M14 4l-1.1 1.1 6 6.1H2v1.6h16.9l-6 6.1L14 20l8-8z"></path>
</svg>
</div>
</a>
<path
d="M14 4l-1.1 1.1 6 6.1H2v1.6h16.9l-6 6.1L14 20l8-8z"
></path>
</svg>
</div>
</a>
</div>
</div>
</div>
<div class="gridItem">
<div class="tile">
<a class="tile_link" href="/workshops/classification">
<div
class="tile_image"
style="background: transparent url(/docs-assets/images/class-thumb.png) no-repeat 0 0 / cover;"
></div>
<h5 class="tile_type">Workshop</h5>
<div class="tile_body">
<h3 class="tile_body_title">
<span>Classify images in an iOS app with Apple's Core ML</span>
</h3>
</div>
<div class="tile_bottom">
<p></p>
<svg
class="tile_bottom_svg"
focusable="false"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
style="will-change: transform;"
>
<path d="M14 4l-1.1 1.1 6 6.1H2v1.6h16.9l-6 6.1L14 20l8-8z"></path>
</svg>
</div>
</a>
<div class="gridItem">
<div class="tile">
<a class="tile_link" href="/workshops/classification">
<div
class="tile_image"
style="background: transparent url(/docs-assets/images/class-thumb.png) no-repeat 0 0 / cover;"
></div>
<h5 class="tile_type">Workshop</h5>
<div class="tile_body">
<h3 class="tile_body_title">
<span>Classify images in an iOS app with Apple's Core ML</span>
</h3>
</div>
<div class="tile_bottom">
<p></p>
<svg
class="tile_bottom_svg"
focusable="false"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
aria-hidden="true"
style="will-change: transform;"
>
<path
d="M14 4l-1.1 1.1 6 6.1H2v1.6h16.9l-6 6.1L14 20l8-8z"
></path>
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</main>

0 comments on commit cb1a3fd

Please sign in to comment.