Skip to content

Commit f0523e5

Browse files
nickclark2016nickclark2016
authored
Showcase for July, August, September 2021 (#55)
1 parent 63f009d commit f0523e5

File tree

7 files changed

+296
-2
lines changed

7 files changed

+296
-2
lines changed

‎css/utils.css

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,4 +62,21 @@ img.markdeep
6262
video.markdeep
6363
{
6464
width: 100%;
65+
}
66+
67+
.aspect-ratio-16-9 {
68+
position: relative;
69+
overflow: hidden;
70+
width: 100%;
71+
padding-top: calc(100% * (9 / 16));
72+
}
73+
74+
.aspect-ratio-16-9 iframe {
75+
position: absolute;
76+
top: 0;
77+
left: 0;
78+
bottom: 0;
79+
right: 0;
80+
width: 100%;
81+
height: 100%;
6582
}

‎showcase/2021/august/index.html

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
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" 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>
15+
16+
<!-- Load markdeep and set it to not automatically render markdown -->
17+
<script>markdeepOptions = { mode: 'script', tocStyle: 'none' };</script>
18+
<script src="/scripts/markdeep.min.js"></script>
19+
20+
<title>August 2021 Showcase</title>
21+
22+
<!-- Open Graph Metadata -->
23+
<meta property="og:title" content="August 2021 Showcase" />
24+
<meta property="og:type" content="website" />
25+
<meta property="og:url" content="https://graphics-programming.org/showcase/2021/august/" />
26+
<meta property="og:image" content="https://imgur.com/Ub3Rt0X.jpg" />
27+
<meta property="og:description" content="Graphics Programming Community created content showcase for August 2021" />
28+
</head>
29+
30+
<body>
31+
<code style="display:none" id="content">
32+
# August 2021 Community Creation Showcase
33+
34+
<nav class="mx-auto text-center">
35+
[Home](/) &bull; [Resources](/resources) &bull; [Showcase](/showcase)
36+
</nav>
37+
38+
<div class="aspect-ratio-16-9">
39+
<iframe width="560" height="315" src="https://www.youtube.com/embed/MSINHosdRjU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
40+
</div>
41+
<center>
42+
Created by @Slackermanz#3405
43+
</center>
44+
45+
<hr />
46+
47+
![](https://imgur.com/8jLdhMM.png)
48+
<center>
49+
Created by @jb#0396
50+
</center>
51+
52+
<hr />
53+
54+
![](https://imgur.com/Ub3Rt0X.jpg)
55+
<center>
56+
Created by @Nameless#1608
57+
</center>
58+
59+
<hr />
60+
61+
![](https://imgur.com/5jrf5Y9.mp4)
62+
<center>
63+
Created by @rickomax#3663
64+
</center>
65+
66+
<hr />
67+
68+
<p>
69+
All media in this showcase are taken from the #showcase-media channel on the server. If you'd like to have
70+
a chance to have your image seen here, post your creations in the channel.
71+
</p>
72+
73+
</code>
74+
75+
<!-- Finally render the markdown and display it -->
76+
<script>
77+
var formatted = markdeep.format(document.getElementById('content'));
78+
var contents = $.parseHTML(formatted);
79+
$('body').add('span').addClass('container').add(contents);
80+
$('#content').after(contents);
81+
</script>
82+
</body>
83+
84+
</html>

‎showcase/2021/july/index.html

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
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" 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>
15+
16+
<!-- Load markdeep and set it to not automatically render markdown -->
17+
<script>markdeepOptions = { mode: 'script', tocStyle: 'none' };</script>
18+
<script src="/scripts/markdeep.min.js"></script>
19+
20+
<title>July 2021 Showcase</title>
21+
22+
<!-- Open Graph Metadata -->
23+
<meta property="og:title" content="July 2021 Showcase" />
24+
<meta property="og:type" content="website" />
25+
<meta property="og:url" content="https://graphics-programming.org/showcase/2021/july/" />
26+
<meta property="og:image" content="https://imgur.com/X04NpGA.png" />
27+
<meta property="og:description" content="Graphics Programming Community created content showcase for July 2021" />
28+
</head>
29+
30+
<body>
31+
<code style="display:none" id="content">
32+
# July 2021 Community Creation Showcase
33+
34+
<nav class="mx-auto text-center">
35+
[Home](/) &bull; [Resources](/resources) &bull; [Showcase](/showcase)
36+
</nav>
37+
38+
![](https://imgur.com/jVXpoWu.png)
39+
<center>
40+
Created by @Legend#4321
41+
</center>
42+
43+
<hr />
44+
45+
![](https://imgur.com/NZzjiAd.png)
46+
<center>
47+
Created by @drain#5012
48+
</center>
49+
50+
<hr />
51+
52+
![](https://imgur.com/X04NpGA.png)
53+
<center>
54+
Created by @FS#3041
55+
</center>
56+
57+
<hr />
58+
59+
![](https://imgur.com/t5Kp0Zv.mp4)
60+
<center>
61+
Created by @alanjfs#8007
62+
</center>
63+
64+
<hr />
65+
66+
<p>
67+
All media in this showcase are taken from the #showcase-media channel on the server. If you'd like to have
68+
a chance to have your image seen here, post your creations in the channel.
69+
</p>
70+
71+
</code>
72+
73+
<!-- Finally render the markdown and display it -->
74+
<script>
75+
var formatted = markdeep.format(document.getElementById('content'));
76+
var contents = $.parseHTML(formatted);
77+
$('body').add('span').addClass('container').add(contents);
78+
$('#content').after(contents);
79+
</script>
80+
</body>
81+
82+
</html>

‎showcase/2021/may/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@
5151

5252
![](https://imgur.com/hykdYiC.png)
5353
<center>
54-
Created by User @snurf#1314
54+
Created by @snurf#1314
5555
</center>
5656

5757
<hr />

‎showcase/2021/september/index.html

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
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" 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>
15+
16+
<!-- Load markdeep and set it to not automatically render markdown -->
17+
<script>markdeepOptions = { mode: 'script', tocStyle: 'none' };</script>
18+
<script src="/scripts/markdeep.min.js"></script>
19+
20+
<title>September 2021 Showcase</title>
21+
22+
<!-- Open Graph Metadata -->
23+
<meta property="og:title" content="September 2021 Showcase" />
24+
<meta property="og:type" content="website" />
25+
<meta property="og:url" content="https://graphics-programming.org/showcase/2021/september/" />
26+
<meta property="og:image" content="https://imgur.com/JvHWTv6.png" />
27+
<meta property="og:description" content="Graphics Programming Community created content showcase for September 2021" />
28+
</head>
29+
30+
<body>
31+
<code style="display:none" id="content">
32+
# September 2021 Community Creation Showcase
33+
34+
<nav class="mx-auto text-center">
35+
[Home](/) &bull; [Resources](/resources) &bull; [Showcase](/showcase)
36+
</nav>
37+
38+
<div class="aspect-ratio-16-9">
39+
<iframe width="560" height="315" src="https://www.youtube.com/embed/VLA3IBm8BPk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
40+
</div>
41+
<center>
42+
Created by @Terry#2237
43+
</center>
44+
45+
<hr />
46+
47+
![](https://imgur.com/OqJAKxY.jpg)
48+
<center>
49+
Created by @Krakatoa#9189
50+
</center>
51+
52+
<hr />
53+
54+
<div class="aspect-ratio-16-9">
55+
<iframe width="560" height="315" src="https://www.youtube.com/embed/-l_1QewDuvg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
56+
</div>
57+
<center>
58+
Created by @rk_97#5100
59+
</center>
60+
61+
<hr />
62+
63+
![](https://imgur.com/JvHWTv6.png)
64+
<center>
65+
Created by @Cewein#2933
66+
</center>
67+
68+
<br />
69+
70+
![](https://imgur.com/Cv3Amkz.mp4)
71+
<center>
72+
Created by @xima#5727
73+
</center>
74+
75+
<hr />
76+
77+
<p>
78+
All media in this showcase are taken from the #showcase-media channel on the server. If you'd like to have
79+
a chance to have your image seen here, post your creations in the channel.
80+
</p>
81+
82+
</code>
83+
84+
<!-- Finally render the markdown and display it -->
85+
<script>
86+
var formatted = markdeep.format(document.getElementById('content'));
87+
var contents = $.parseHTML(formatted);
88+
$('body').add('span').addClass('container').add(contents);
89+
$('#content').after(contents);
90+
</script>
91+
</body>
92+
93+
</html>

‎showcase/2021/showcase_preview.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,4 +35,22 @@
3535
June
3636
</a>
3737
</div>
38+
<div class="w-25 showcase-preview-element">
39+
<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();" />
41+
July
42+
</a>
43+
</div>
44+
<div class="w-25 showcase-preview-element">
45+
<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();" />
47+
August
48+
</a>
49+
</div>
50+
<div class="w-25 showcase-preview-element">
51+
<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();" />
53+
September
54+
</a>
55+
</div>
3856
</div>

‎showcase/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
[Home](/) &bull; [Resources](/resources) &bull; [Showcase](/showcase)
3737
</nav>
3838

39-
[View the Latest Showcase](/showcase/2021/june)
39+
[View the Latest Showcase](/showcase/2021/september)
4040

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

0 commit comments

Comments
 (0)