Skip to content

Commit 3d63cef

Browse files
deccerdeccer
authored
Showcase November 2021 (#58)
* Showcase November 2021 * Use iframe for yt-embeds instead of markdown * Fix link to view latest showcase
1 parent 121307d commit 3d63cef

File tree

3 files changed

+173
-18
lines changed

3 files changed

+173
-18
lines changed

‎showcase/2021/november/index.html

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
7+
<!-- Our trusty markdown stylesheet -->
8+
<link rel="stylesheet" href="/css/github-markdown.css" />
9+
<link rel="stylesheet" href="/css/utils.css" />
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
11+
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
12+
13+
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
14+
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
15+
crossorigin="anonymous"></script>
16+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
17+
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
18+
crossorigin="anonymous"></script>
19+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
20+
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
21+
crossorigin="anonymous"></script>
22+
23+
<!-- Load markdeep and set it to not automatically render markdown -->
24+
<script>markdeepOptions = { mode: 'script', tocStyle: 'none' };</script>
25+
<script src="/scripts/markdeep.min.js"></script>
26+
27+
<title>November 2021 Showcase</title>
28+
29+
<!-- Open Graph Metadata -->
30+
<meta property="og:title" content="November 2021 Showcase" />
31+
<meta property="og:type" content="website" />
32+
<meta property="og:url" content="https://graphics-programming.org/showcase/2021/november/" />
33+
<meta property="og:image" content="https://i.imgur.com/z1tPT7t.png" />
34+
<meta property="og:description"
35+
content="Graphics Programming Community created content showcase for November 2021" />
36+
</head>
37+
38+
<body>
39+
<code style="display:none" id="content">
40+
# November 2021 Community Creation Showcase
41+
42+
<nav class="mx-auto text-center">
43+
[Home](/) &bull; [Resources](/resources) &bull; [Showcase](/showcase)
44+
</nav>
45+
46+
![](https://i.imgur.com/z1tPT7t.png)
47+
<center>
48+
Created by @wrighter#1654
49+
</center>
50+
51+
<hr />
52+
53+
<div class="aspect-ratio-16-9">
54+
<iframe width="560" height="315" src="https://www.youtube.com/embed/HeSdqs3B63k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
55+
</div>
56+
<center>
57+
Created by @TDM#6528
58+
</center>
59+
60+
<hr />
61+
62+
![](https://i.imgur.com/2WPfyOg.png)
63+
<center>
64+
Created by @loicvdb#9391
65+
</center>
66+
67+
<br />
68+
69+
![](https://i.imgur.com/iPeZRi5.mp4)
70+
<center>
71+
Created by @LMP88959#2677
72+
</center>
73+
74+
<br />
75+
76+
<div class="aspect-ratio-16-9">
77+
<iframe width="560" height="315" src="https://www.youtube.com/embed/20DXERpj4rg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
78+
</div>
79+
<center>
80+
Created by @xima#5727
81+
</center>
82+
83+
<br />
84+
85+
![](https://i.imgur.com/UAXvyf1.mp4)
86+
<center>
87+
Created by @skaarj#6363
88+
</center>
89+
90+
<br />
91+
92+
<div class="aspect-ratio-16-9">
93+
<iframe width="560" height="315" src="https://www.youtube.com/embed/zIVjUIJcxmo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
94+
</div>
95+
<center>
96+
Created by @clepirelli#0001
97+
</center>
98+
99+
<br />
100+
101+
![](https://i.imgur.com/3mQomxH.mp4)
102+
<center>
103+
Created by @Charles#1065
104+
</center>
105+
106+
<br />
107+
108+
![](https://i.imgur.com/qngJfHW.jpg)
109+
<center>
110+
Created by @Nameless#1608
111+
</center>
112+
113+
<hr />
114+
115+
<p>
116+
All media in this showcase are taken from the #showcase channel on the server. If you'd like to have
117+
a chance to have your image seen here, post your creations in the channel.
118+
</p>
119+
120+
</code>
121+
122+
<!-- Finally render the markdown and display it -->
123+
<script>
124+
var formatted = markdeep.format(document.getElementById('content'));
125+
var contents = $.parseHTML(formatted);
126+
$('body').add('span').addClass('container').add(contents);
127+
$('#content').after(contents);
128+
</script>
129+
</body>
130+
131+
</html>

‎showcase/2021/showcase_preview.html

Lines changed: 28 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,79 @@
11
<div class="showcase-preview-container w100">
22
<div class="w-25 showcase-preview-element">
33
<a href="/showcase/2021/january/" class="showcase-preview-link showcase-preview-element">
4-
<img src="https://imgur.com/PrWFTFO.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
4+
<img src="https://imgur.com/PrWFTFO.png" class="showcase-preview-element-img"
5+
onload="resizeBestOfTheYear();" />
56
January
67
</a>
78
</div>
89
<div class="w-25 showcase-preview-element">
910
<a href="/showcase/2021/february/" class="showcase-preview-link showcase-preview-element">
10-
<img src="https://imgur.com/q0AIPQk.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
11+
<img src="https://imgur.com/q0AIPQk.png" class="showcase-preview-element-img"
12+
onload="resizeBestOfTheYear();" />
1113
February
1214
</a>
1315
</div>
1416
<div class="w-25 showcase-preview-element">
1517
<a href="/showcase/2021/march/" class="showcase-preview-link showcase-preview-element">
16-
<img src="https://imgur.com/DpcydEE.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
18+
<img src="https://imgur.com/DpcydEE.png" class="showcase-preview-element-img"
19+
onload="resizeBestOfTheYear();" />
1720
March
1821
</a>
1922
</div>
2023
<div class="w-25 showcase-preview-element">
2124
<a href="/showcase/2021/april/" class="showcase-preview-link showcase-preview-element">
22-
<img src="https://imgur.com/NStZdsR.jpg" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
25+
<img src="https://imgur.com/NStZdsR.jpg" class="showcase-preview-element-img"
26+
onload="resizeBestOfTheYear();" />
2327
April
2428
</a>
2529
</div>
2630
<div class="w-25 showcase-preview-element">
2731
<a href="/showcase/2021/may/" class="showcase-preview-link showcase-preview-element">
28-
<img src="https://imgur.com/FT9MQWk.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
32+
<img src="https://imgur.com/FT9MQWk.png" class="showcase-preview-element-img"
33+
onload="resizeBestOfTheYear();" />
2934
May
3035
</a>
3136
</div>
3237
<div class="w-25 showcase-preview-element">
3338
<a href="/showcase/2021/june/" class="showcase-preview-link showcase-preview-element">
34-
<img src="https://imgur.com/64NAYdk.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
39+
<img src="https://imgur.com/64NAYdk.png" class="showcase-preview-element-img"
40+
onload="resizeBestOfTheYear();" />
3541
June
3642
</a>
3743
</div>
3844
<div class="w-25 showcase-preview-element">
3945
<a href="/showcase/2021/july/" class="showcase-preview-link showcase-preview-element">
40-
<img src="https://imgur.com/X04NpGA.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
46+
<img src="https://imgur.com/X04NpGA.png" class="showcase-preview-element-img"
47+
onload="resizeBestOfTheYear();" />
4148
July
4249
</a>
4350
</div>
4451
<div class="w-25 showcase-preview-element">
4552
<a href="/showcase/2021/august/" class="showcase-preview-link showcase-preview-element">
46-
<img src="https://imgur.com/Ub3Rt0X.jpg" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
53+
<img src="https://imgur.com/Ub3Rt0X.jpg" class="showcase-preview-element-img"
54+
onload="resizeBestOfTheYear();" />
4755
August
4856
</a>
4957
</div>
5058
<div class="w-25 showcase-preview-element">
5159
<a href="/showcase/2021/september/" class="showcase-preview-link showcase-preview-element">
52-
<img src="https://imgur.com/JvHWTv6.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
60+
<img src="https://imgur.com/JvHWTv6.png" class="showcase-preview-element-img"
61+
onload="resizeBestOfTheYear();" />
5362
September
5463
</a>
5564
</div>
5665
<div class="w-25 showcase-preview-element">
5766
<a href="/showcase/2021/october/" class="showcase-preview-link showcase-preview-element">
58-
<img src="https://imgur.com/EAz9VzK.png" class="showcase-preview-element-img" onload="resizeBestOfTheYear();" />
67+
<img src="https://imgur.com/EAz9VzK.png" class="showcase-preview-element-img"
68+
onload="resizeBestOfTheYear();" />
5969
October
6070
</a>
6171
</div>
62-
</div>
72+
<div class="w-25 showcase-preview-element">
73+
<a href="/showcase/2021/november/" class="showcase-preview-link showcase-preview-element">
74+
<img src="https://i.imgur.com/z1tPT7t.png" class="showcase-preview-element-img"
75+
onload="resizeBestOfTheYear();" />
76+
November
77+
</a>
78+
</div>
79+
</div>

‎showcase/index.html

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,18 @@
77
<!-- Our trusty markdown stylesheet -->
88
<link rel="stylesheet" href="/css/github-markdown.css" />
99
<link rel="stylesheet" href="/css/utils.css" />
10-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
11-
12-
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
13-
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
14-
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
11+
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
12+
13+
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
14+
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
15+
crossorigin="anonymous"></script>
16+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
17+
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
18+
crossorigin="anonymous"></script>
19+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
20+
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
21+
crossorigin="anonymous"></script>
1522

1623
<!-- Load markdeep and set it to not automatically render markdown -->
1724
<script>markdeepOptions = { mode: 'script', tocStyle: 'none' };</script>
@@ -36,7 +43,7 @@
3643
[Home](/) &bull; [Resources](/resources) &bull; [Showcase](/showcase)
3744
</nav>
3845

39-
[View the Latest Showcase](/showcase/2021/october)
46+
[View the Latest Showcase](/showcase/2021/november)
4047

4148
## [2021](/showcase/2021)
4249
<div w3-include-html="/showcase/2021/showcase_preview.html"></div>
@@ -65,4 +72,4 @@
6572

6673
<script>
6774
includeHTML();
68-
</script>
75+
</script>

0 commit comments

Comments
 (0)