Skip to content

Commit 21fc211

Browse files
authored
Showcase December 2021 (#59)
* Showcase December 2021 * Pick more landscapey image for preview
1 parent 3d63cef commit 21fc211

File tree

4 files changed

+156
-8
lines changed

4 files changed

+156
-8
lines changed

showcase/2021/december/index.html

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
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>December 2021 Showcase</title>
28+
29+
<!-- Open Graph Metadata -->
30+
<meta property="og:title" content="December 2021 Showcase" />
31+
<meta property="og:type" content="website" />
32+
<meta property="og:url" content="https://graphics-programming.org/showcase/2021/december/" />
33+
<meta property="og:image" content="https://i.imgur.com/iM78ADH.png" />
34+
<meta property="og:description"
35+
content="Graphics Programming Community created content showcase for December 2021" />
36+
</head>
37+
38+
<body>
39+
<code style="display:none" id="content">
40+
# December 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/c5nNuO5.mp4)
47+
<center>
48+
Created by @RR21#5900
49+
</center>
50+
51+
<hr />
52+
53+
![](https://i.imgur.com/iM78ADH.png)
54+
<center>
55+
Created by @saaji#9697
56+
</center>
57+
58+
<hr />
59+
60+
<div class="aspect-ratio-16-9">
61+
<iframe width="560" height="315" src="https://www.youtube.com/embed/GrEWl8npL9Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
62+
</div>
63+
<center>
64+
Created by @rikardL#2938
65+
</center>
66+
67+
<br />
68+
69+
![](https://i.imgur.com/iYd8ugU.png)
70+
<center>
71+
Created by @Brunch#9226
72+
</center>
73+
74+
<br />
75+
76+
![](https://i.imgur.com/UznuaYa.png)
77+
<center>
78+
Created by @pixelcluster#8137
79+
</center>
80+
81+
<br />
82+
83+
![](https://i.imgur.com/ke9u1Wa.png)
84+
<center>
85+
Created by @michalziulek#4304
86+
</center>
87+
88+
<br />
89+
90+
![](https://i.imgur.com/pKr1J9K.mp4)
91+
<center>
92+
Created by @Dolkar#2874
93+
</center>
94+
95+
<br />
96+
97+
![](https://i.imgur.com/OwFk8wT.mp4)
98+
<center>
99+
Created by @BlackFox#7549
100+
</center>
101+
102+
<br />
103+
104+
![](https://i.imgur.com/Nfe3npn.mp4)
105+
<center>
106+
Created by @N8#2718
107+
</center>
108+
109+
<br />
110+
111+
![](https://i.imgur.com/7TgxGiI.png)
112+
<center>
113+
Created by @gabecampb#7355
114+
</center>
115+
116+
<br />
117+
118+
<p>
119+
All media in this showcase are taken from the #showcase channel on the server. If you'd like to have
120+
a chance to have your image seen here, post your creations in the channel.
121+
</p>
122+
123+
</code>
124+
125+
<!-- Finally render the markdown and display it -->
126+
<script>
127+
var formatted = markdeep.format(document.getElementById('content'));
128+
var contents = $.parseHTML(formatted);
129+
$('body').add('span').addClass('container').add(contents);
130+
$('#content').after(contents);
131+
</script>
132+
</body>
133+
134+
</html>

showcase/2021/index.html

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,25 @@
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">
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
11+
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
1112

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>
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>
1825
<script src="/scripts/markdeep.min.js"></script>
1926
<script src="/scripts/include.js"></script>
2027
<script src="/scripts/resize.js"></script>
21-
28+
2229
<title>2021 Showcase</title>
2330
</head>
2431

@@ -54,4 +61,4 @@
5461

5562
<script>
5663
includeHTML();
57-
</script>
64+
</script>

showcase/2021/showcase_preview.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,4 +76,11 @@
7676
November
7777
</a>
7878
</div>
79+
<div class="w-25 showcase-preview-element">
80+
<a href="/showcase/2021/december/" class="showcase-preview-link showcase-preview-element">
81+
<img src="https://i.imgur.com/ke9u1Wa.png" class="showcase-preview-element-img"
82+
onload="resizeBestOfTheYear();" />
83+
December
84+
</a>
85+
</div>
7986
</div>

showcase/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
<meta property="og:title" content="Graphics Programming Showcase" />
3030
<meta property="og:type" content="website" />
3131
<meta property="og:url" content="https://graphics-programming.org/showcase/" />
32-
<meta property="og:image" content="https://imgur.com/FT9MQWk.png" />
32+
<meta property="og:image" content="https://imgur.com/iM78ADH.png" />
3333
<meta property="og:description" content="Graphics Programming Community created content showcase" />
3434

3535
<title>Showcase</title>
@@ -43,7 +43,7 @@
4343
[Home](/) &bull; [Resources](/resources) &bull; [Showcase](/showcase)
4444
</nav>
4545

46-
[View the Latest Showcase](/showcase/2021/november)
46+
[View the Latest Showcase](/showcase/2021/december)
4747

4848
## [2021](/showcase/2021)
4949
<div w3-include-html="/showcase/2021/showcase_preview.html"></div>

0 commit comments

Comments
 (0)