Skip to content

Commit 5288fb5

Browse files
jcelerierjcelerier
committed
Improve HTML with htmlproofer
1 parent 15dd0e8 commit 5288fb5

File tree

6 files changed

+56
-56
lines changed

6 files changed

+56
-56
lines changed

‎_includes/footer.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33

44
<h4 class="follow-us">Follow us !</h4>
55
<ul class="icons">
6-
<li><a href="https://twitter.com/ossia_io" class="icon circle"><img src="/css/images/social_media/Twitter_Social_Icon_Circle_Color.png" width="32px" /></a></li>
7-
<li><a href="https://github.com/OSSIA/score" class="icon circle"><img src="/css/images/social_media/GitHub-Mark-Light-64px.png" width="32px" /></a></li>
8-
<li><a href="https://vimeo.com/ossia" class="icon circle"><img src="/css/images/social_media/vimeo.png" width="32px" /></a></li>
9-
<li><a href="https://www.youtube.com/channel/UCwghQysyNdstRfv8YUPyglw" class="icon circle"><img src="/css/images/social_media/youtube_social_circle_red.png" width="32px" /></a></li>
10-
<li><a href="https://www.facebook.com/ossia.io" class="icon circle"><img src="/css/images/social_media/f_logo_RGB-Blue_58.png" width="34px" /></a></li>
6+
<li><a href="https://twitter.com/ossia_io" class="icon circle"><img src="/css/images/social_media/Twitter_Social_Icon_Circle_Color.png" width="32px" alt="Twitter" /></a></li>
7+
<li><a href="https://github.com/OSSIA/score" class="icon circle"><img src="/css/images/social_media/GitHub-Mark-Light-64px.png" width="32px" alt="GitHub" /></a></li>
8+
<li><a href="https://vimeo.com/ossia" class="icon circle"><img src="/css/images/social_media/vimeo.png" width="32px" alt="Vimeo"/></a></li>
9+
<li><a href="https://www.youtube.com/channel/UCwghQysyNdstRfv8YUPyglw" class="icon circle"><img src="/css/images/social_media/youtube_social_circle_red.png" width="32px" alt="YouTube"/></a></li>
10+
<li><a href="https://www.facebook.com/ossia.io" class="icon circle"><img src="/css/images/social_media/f_logo_RGB-Blue_58.png" width="34px" alt="Facebook"/></a></li>
1111
</ul>
1212
<ul class="copyright">
1313
<li>&copy; ossia 2021</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
@@ -17,7 +17,7 @@ <h4 class="follow-us">Follow us !</h4>
1717
<script>
1818
$(function(){
1919
$('.cat a').each(function(){
20-
var category_name = "site-" + this.text;
20+
var category_name = "site-" + this.text;
2121
if("{{page.category}}" === category_name){
2222
$(this).addClass('active');
2323
return false;

‎_includes/header.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<nav id="nav" style="vertical-align: middle; ">
33
<div id="ossia-logo-header" style="margin-left: 1em;" >
44
<a id="homebtn" class="home-logo" style="margin: 0;" href="/">
5-
<image src="/assets/score-logo.png" height="45px"/>
5+
<image src="/assets/score-logo.png" height="45px" alt="score logo"/>
66
<h2 class="software small" style="padding: 0; padding-left: 0.2em;padding-bottom: 0.1em;">ossia</h2>
77
</a>
88
</div>
@@ -12,7 +12,7 @@ <h2 class="software small" style="padding: 0; padding-left: 0.2em;padding-bottom
1212
<a href="/gallery.html">community</a>
1313
<a href="/about.html">about</a>
1414
</div>
15-
<div>
15+
<div>
1616
<a href="https://forum.ossia.io/" target="_blank" style="padding-left: 0; padding-right: 1em;">forum</a>
1717
<a href="https://gitter.im/OSSIA/score" target="_blank" style="padding:0; padding-right: 1em;">chat</a>
1818
<a class="donate" href="https://opencollective.com/ossia" target="_blank" style="padding:0; padding-right: 1em;color: var(--orange);">donate</a>

‎_pages/libossia-features.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -32,21 +32,21 @@ category: "site-libossia"
3232
{% endfor %}
3333

3434
<h1> Important: the documentation below is a work-in-progress. </h1>
35-
35+
3636

3737
<div>
3838
{% for ct in cats %}
3939
<h2 class="feature-title">{{ ct }}</h2>
4040
<div class="features-list">
4141
{% for post in site.libossia_features %}
4242
<a href="{{post.url}}" class="thumbnail" >
43-
<img class="thumbnail-feature" src="/assets/blank.png" alt="" data-echo="{{post.image}}" width="auto"/>
43+
<img class="thumbnail-feature" src="/assets/blank.png" alt="{{post.title}}" data-echo="{{post.image}}" width="auto"/>
4444
<h1 class="blog-title">{{post.title}} </h1>
45-
<span class="feature-description">{{post.description}} </span>
45+
<span class="feature-description">{{post.description}}</span>
4646
</a>
4747
{% endfor %}
4848
</div>
49-
49+
5050
{% endfor %}
5151
</div>
5252

‎_pages/score-features.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@ category: "site-score"
1616
{% if post.tag contains ct %}
1717
{% if post.visible %}
1818
<a href="https://ossia.io/score-docs{{post.doclink}}" class="thumbnail" >
19-
<img class="thumbnail-feature" src="/assets/blank.png" alt="" data-echo="{{post.image}}" width="auto"/>
20-
<h1 class="blog-title">{{post.title}} </h1>
21-
<span class="feature-description">{{post.description}} </span>
19+
<img class="thumbnail-feature" src="/assets/blank.png" alt="{{post.title}}" data-echo="{{post.image}}" width="auto"/>
20+
<h1 class="blog-title">{{post.title}}</h1>
21+
<span class="feature-description">{{post.description}}</span>
2222
</a>
2323
{% endif %}
2424
{% endif %}

‎_score_features/loop-feature.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: score-feature
33
title: "Loops"
44

5-
doclink: common-practices/1-looping.html
5+
doclink: /common-practices/1-looping.html
66
permalink: /score/features/loops.html
77
category: "site-score"
88

‎index.html

+40-40
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
22
layout: landing-page
3-
---
3+
---
4+
45

5-
66
<!-- Loading the carousel for the gallery -->
77

88
<link rel="stylesheet" href="/owlcarousel/owl.carousel.min.css">
@@ -11,38 +11,38 @@
1111
<!-- Main -->
1212
<article id="main" style="background-color: var(--dark-grey);">
1313

14-
<!-- Banner -->
14+
<!-- Banner -->
1515
<div style="text-align: center;">
1616
<div id="banner" class="background" >
17-
<img class="background-image" src="css/images/banner_quarre.jpg"/>
17+
<img class="background-image" src="css/images/banner_quarre.jpg"/>
1818

1919
<div class="overlay">
2020
<div class="inner">
2121
<header>
22-
<!-- Logo -->
22+
<!-- Logo -->
2323
<div style="display:flex; justify-content:center; align-items: center;">
24-
<image class="software-logo" src="/assets/score-logo.png"/>
24+
<image class="software-logo" src="/assets/score-logo.png" alt="score logo"/>
2525
<h2 class="software">ossia score</h2>
2626
</div>
27-
27+
2828
<div class="line"></div>
29-
<!-- Short description -->
29+
<!-- Short description -->
3030
<h2 class="catchphrase">A free and open-source sequencer</h2>
31-
31+
3232
<p style="font-size: 20px;"> A <b>free, open-source, cross-platform intermedia sequencer </b> for precise and flexible scripting of <b>interactive</b> scenarios. <br/> Control and score any OSC-compliant software or hardware:
3333
Max/MSP, PureData, openFrameworks, Processing… </p>
3434
<br/>
35-
<!-- Download button -->
35+
<!-- Download button -->
3636
<a href="/score/download.html" class="download">Download</a>
3737
</header>
38-
39-
</div>
40-
</div>
38+
39+
</div>
40+
</div>
4141
</div>
4242
</div>
4343
<!-- Awards -->
4444
<section id="index" class="white" style="padding-top: 4em;">
45-
<h2 style="text-align: center;" ><span class="title-section" style="color: black; border-color:var(--orange);">Supporting organizations</span></h2>
45+
<h2 style="text-align: center;" ><span class="title-section" style="color: black; border-color:var(--orange);">Supporting organizations</span></h2>
4646
<div class="logo-grid" style="padding-top: 0.1em;">
4747
<a href="https://www.unrealengine.com/"><img loading="lazy" src="/assets/logo/unreal_engine.png" width="80" height="auto"/></a>
4848
<a href="https://www.mozilla.org/" ><img loading="lazy" src="/assets/logo/mozilla-logo.png"/></a>
@@ -54,20 +54,20 @@ <h2 style="text-align: center;" ><span class="title-section" style="color: black
5454
<a href="https://www.blueyeti.fr/"><img loading="lazy" src="/assets/logo/blueyeti.png" /></a>
5555
</div>
5656
</section>
57-
57+
5858
<!-- Features -->
5959
<div id="overlay" onclick="hideOverlay()">
6060
<img id="overlay-image" loading="lazy" src="/assets/score.png"/>
6161
</div>
6262
<section id="index" class="dark-grey" >
63-
<h2 style="text-align: center;" ><a href="/score/features.html" class="title-section">What is ossia score ?</a></h2>
63+
<h2 style="text-align: center;" ><a href="/score/features.html" class="title-section">What is ossia score ?</a></h2>
6464
<div class="feature-container">
6565
<div class="feature image-container">
6666
<img onclick="displayInOverlay(this.src)" loading="lazy" src="/assets/score.png"/>
6767
</div>
6868
<div class="feature text" >
6969
<h2>An intermedia sequencer</h2>
70-
<p> Sequence various kinds of media in an intelligent timeline:
70+
<p> Sequence various kinds of media in an intelligent timeline:
7171
<ul>
7272
<li>Playback most audio formats, with support for multichannel</li>
7373
<li>H.264 and HAP video playback, with a state-of-the art cross-platform video & shader pipeline</li>
@@ -123,8 +123,8 @@ <h2>Mixed modular & timeline workflow</h2>
123123
</div>
124124
</div>
125125
</section>
126-
127-
126+
127+
128128

129129
<section id="index" class="white">
130130
<div class="feature-container reversed">
@@ -190,79 +190,79 @@ <h2>Compatible environments</h2>
190190
</div>
191191
</div>
192192
</section>
193-
193+
194194
<!-- Recent posts and twitter feed -->
195195
<section class="white blog-twitter" id="index">
196196
<div style="display: flex; justify-content: space-around; margin: 0;">
197197
<div class="blog-list">
198-
<h2 style="text-align: center;" ><a href="/blog.html" class="title-section">Blog</a></h2>
199-
198+
<h2 style="text-align: center;" ><a href="/blog.html" class="title-section">Blog</a></h2>
199+
200200
<div class="recent-post-view">
201201
{% for post in site.posts limit:2 %}
202-
<a href={{post.url}} class="thumbnail" >
203-
{% if post.image %}
202+
<a href={{post.url}} class="thumbnail" >
203+
{% if post.image %}
204204
<img loading="lazy" class="thumbnail-blogpost" src={{post.image}} width="auto"/>
205205
{% else %}
206206
<img loading="lazy" class="thumbnail-blogpost" src="assets/default_post_thumbnail.png"/>
207207
{% endif %}
208208
<br/>
209209
<h1 class="blog-title">{{post.title}} </h1>
210210
<span class="blog-date">{{ post.date | date: "%b %-d, %Y" }}</span>
211-
211+
212212
</a>
213213
{% endfor %}
214-
</div>
214+
</div>
215215
</div>
216216
<!-- Twitter timeline -->
217217
<div class="twitter" style="width: 30%;">
218218
<h2><a class="twitter-timeline" data-tweet-limit="1" href="https://twitter.com/ossia_io?ref_src=twsrc%5Etfw">Tweets by ossia_io</a> </h2>
219219
</div>
220220
</div>
221-
</section>
222-
221+
</section>
222+
223223
<!-- Gallery -->
224224
<section id="index" class="black">
225-
<h2 style="text-align: center;" ><a href="/gallery.html" class="title-section">Gallery</a></h2>
225+
<h2 style="text-align: center;" ><a href="/gallery.html" class="title-section">Gallery</a></h2>
226226
<div class="owl-carousel owl-theme" >
227227
<div class="carouselcontainer">
228-
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="" data-echo="assets/gallery/frontpage/carrousel-frontpage.jpg"/></a>
228+
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="Carrousel" data-echo="assets/gallery/frontpage/carrousel-frontpage.jpg"/></a>
229229
<header>
230230
<a href="https://www.abbayeauxdames.org/en/musicaventure/carrousel-musical/" class="gallery-text">Carousel Musical</a> <span class="gallery-text">-</span> <a href="https://www.blueyeti.fr/le-carrousel-musical-abbaye-aux-dames/" class="gallery-text">Blue Yeti, Abbaye aux Dames</a>
231231
</header>
232232
</div>
233233
<div class="carouselcontainer">
234-
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="" data-echo="assets/gallery/frontpage/Nebula_ChampignonsNeigeJaune-frontpage.jpg"/></a>
234+
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="Nebula" data-echo="assets/gallery/frontpage/Nebula_ChampignonsNeigeJaune-frontpage.jpg"/></a>
235235
<header>
236236
<a href="https://www.baltazars.org/project/nebula/" class="gallery-text">Nebula</a> <span class="gallery-text">-</span> <a href="https://www.baltazars.org/" class="gallery-text">Les Baltazars</a>
237237
</header>
238238
</div>
239239
<div class="carouselcontainer">
240-
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="" data-echo="assets/gallery/frontpage/DID_4858.JPG"/></a>
240+
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="Four For" data-echo="assets/gallery/frontpage/DID_4858.JPG"/></a>
241241
<header>
242-
<a href="https://bravozoulou.fr/projets/four-for/" class="gallery-text">Four For - Bravo Zoulou</a>
242+
<a href="https://bravozoulou.fr/projets/four-for/" class="gallery-text">Four For - Bravo Zoulou</a>
243243
<span class="copyright"><br/>&copy; Didier Crasnault</span>
244244
</header>
245245
</div>
246246
<div class="carouselcontainer">
247-
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="" data-echo="assets/gallery/frontpage/quarre-frontpage.jpg"/></a>
247+
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="Quarrè" data-echo="assets/gallery/frontpage/quarre-frontpage.jpg"/></a>
248248
<header>
249-
<a href="https://wpn214.com/en/" class="gallery-text">Quarrè - Pierre Cochard</a>
249+
<a href="https://wpn214.com/en/" class="gallery-text">Quarrè - Pierre Cochard</a>
250250
</header>
251251
</div>
252252
<div class="carouselcontainer" >
253-
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="" data-echo="assets/gallery/frontpage/dome_scrime-frontpage.jpg"/></a>
253+
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="Méta Chef d'Orchestre" data-echo="assets/gallery/frontpage/dome_scrime-frontpage.jpg"/></a>
254254
<header>
255-
<a href="https://scrime.u-bordeaux.fr/Arts-Sciences/Residences/Residences/Meta-Chef-d-Orchestre" class="gallery-text">Méta Chef d’Orchestre - Serge Delaubier</a>
255+
<a href="https://scrime.u-bordeaux.fr/Arts-Sciences/Residences/Residences/Meta-Chef-d-Orchestre" class="gallery-text">Méta Chef d’Orchestre - Serge Delaubier</a>
256256
</header>
257257
</div>
258258
<div class="carouselcontainer" >
259-
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="" data-echo="assets/gallery/frontpage/sonotact-frontpage.jpg"/></a>
259+
<a href="/gallery.html"><img loading="lazy" class="frontpage-gallery" src="/assets/blank.png" alt="Sonotact" data-echo="assets/gallery/frontpage/sonotact-frontpage.jpg"/></a>
260260
<header>
261-
<a href="https://scrime.u-bordeaux.fr/Arts-Sciences/Residences/Residences/Sonotact" class="gallery-text">Sonotact - Pascale Criton</a>
261+
<a href="https://scrime.u-bordeaux.fr/Arts-Sciences/Residences/Residences/Sonotact" class="gallery-text">Sonotact - Pascale Criton</a>
262262
</header>
263263
</div>
264264
</div>
265-
</section>
265+
</section>
266266
</article>
267267

268268
<script async src="/owlcarousel/owl.carousel.min.js"></script>

0 commit comments

Comments
 (0)