Skip to content

Commit 3ce78c5

Browse files
smashedrsmashedr
committed
Add Picture Elements
1 parent 1c873a9 commit 3ce78c5

File tree

4 files changed

+74
-36
lines changed

4 files changed

+74
-36
lines changed

‎src/html/about.html

Lines changed: 34 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,17 +19,43 @@ <h1 class="animate__animated animate__zoomIn"><i class="fa-regular fa-address-ca
1919

2020
<div class="d-flex flex-column flex-md-row">
2121
<div class="me-md-3">
22-
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
23-
<img src="https://github-readme-stats.vercel.app/api?username=smashedr&theme=dark&show_icons=true&hide_rank=true&show=reviews&card_width=350"
24-
alt="GitHub Stats" class="img-fluid mb-2"></a>
22+
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
23+
<picture>
24+
<source
25+
srcset="https://github-readme-stats.vercel.app/api?username=smashedr&theme=dark&show_icons=true&hide_rank=true&show=reviews&card_width=350"
26+
media="(prefers-color-scheme: dark), (prefers-color-scheme: no-preference)"
27+
/>
28+
<source
29+
srcset="https://github-readme-stats.vercel.app/api?username=smashedr&theme=default&show_icons=true&hide_rank=true&show=reviews&card_width=350"
30+
media="(prefers-color-scheme: light)"
31+
/>
32+
<img alt="GitHub Stats" src="https://github-readme-stats.vercel.app/api?username=smashedr&show_icons=true&hide_rank=true&show=reviews&card_width=350" />
33+
</picture>
34+
</a>
2535
</div><!-- flex item -->
2636
<div class="me-md-3">
27-
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
28-
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=smashedr&theme=dark&layout=donut "
29-
alt="Top Languages" class="img-fluid mb-2"></a>
37+
<a href="https://github.com/smashedr" target="_blank" rel="noopener">
38+
<picture>
39+
<source
40+
srcset="https://github-readme-stats.vercel.app/api/top-langs/?username=smashedr&theme=dark&layout=donut"
41+
media="(prefers-color-scheme: dark), (prefers-color-scheme: no-preference)"
42+
/>
43+
<source
44+
srcset="https://github-readme-stats.vercel.app/api/top-langs/?username=smashedr&theme=default&layout=donut"
45+
media="(prefers-color-scheme: light)"
46+
/>
47+
<img alt="Top Languages" src="https://github-readme-stats.vercel.app/api/top-langs/?username=smashedr&layout=donut" />
48+
</picture>
49+
</a>
3050
</div><!-- flex item -->
3151
</div><!-- flex row-md -->
3252

53+
<p class="fst-italic">
54+
Note: These stats only include personal repositories; however, most my work is done in the
55+
<a href="{{ site.github_url }}" target="_blank" rel="noopener">CSSNR Organization</a>
56+
due to the extra features provided for GitHub Organizations.
57+
</p>
58+
3359
<div class="d-flex flex-column flex-md-row">
3460
<div class="me-md-5">
3561
<h2>Links</h2>
@@ -78,3 +104,5 @@ <h2>Development</h2>
78104

79105
<p class="lead">More Information Coming Soon...</p>
80106
</div>
107+
108+
{% comment %}<script type="text/javascript" src="{{ "/js/about.js" | relative_url }}"></script>{% endcomment %}

‎src/html/feedback.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,13 @@ <h1 class="align-middle mb-0">{{ site.site_name }} {{ page.title }}</h1>
3131
<button id="submit-btn" class="btn btn-success w-100" type="submit">
3232
Submit Feedback <i class="fa-regular fa-comment-dots ms-2"></i></button>
3333
</form>
34-
<div id="error-alert" class="alert alert-danger alert-dismissible fade show text-center mt-3" role="alert" style="display: none;"></div>
34+
<div id="error-alert" style="display: none;">
35+
<div class="alert alert-danger fade show text-center mt-3" role="alert"></div>
36+
<div class="alert alert-warning fade show text-center" role="alert">
37+
<b>Note:</b> Privacy Badger and other content blockers may block <b>discord.com</b> by default.
38+
You will need to allow <b>discord.com</b> to submit this form since it uses a Discord webhook.
39+
</div>
40+
</div>
3541
</div> <!-- content-wrapper -->
3642
</div> <!-- d-flex -->
3743

‎src/html/index.html

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -51,34 +51,35 @@ <h2 id="github-actions" class="" data-aos="zoom-in">GitHub Actions</h2>
5151
<h2 id="other-software" class="" data-aos="zoom-in">Other Software</h2>
5252
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-3 mb-4" id="other-container"></div>
5353

54-
<div class="d-none clone">
55-
<div class="col info-card" data-aos="flip-up">
56-
<div class="card h-100">
57-
<div class="card-body">
58-
<div class="float-end ps-2 pb-2">
59-
<a class="url-link" href="" target="_blank" rel="noopener"><img src="" class="hvr-grow-lg" alt="" height="64" width="64"></a>
60-
</div>
61-
<h4 class="card-title">
62-
<a class="link-body-emphasis text-decoration-none url-link hvr-grow" href="" target="_blank" rel="noopener">Title</a>
63-
</h4>
64-
<p class="card-text pe-2"></p>
54+
</div> <!-- container -->
55+
56+
<div class="d-none clone">
57+
<div class="col info-card" data-aos="flip-up">
58+
<div class="card h-100">
59+
<div class="card-body">
60+
<div class="float-end ps-2 pb-2">
61+
<a class="url-link" href="" target="_blank" rel="noopener"><img src="" class="hvr-grow-lg" alt="" height="64" width="64"></a>
6562
</div>
66-
<div class="card-footer"></div>
63+
<h4 class="card-title">
64+
<a class="link-body-emphasis text-decoration-none url-link hvr-grow" href="" target="_blank" rel="noopener">Title</a>
65+
</h4>
66+
<p class="card-text pe-2"></p>
6767
</div>
68+
<div class="card-footer"></div>
6869
</div>
69-
<i class="fa-brands fa-js" title="JavaScript"></i>
70-
<i class="fa-brands fa-python" title="Python"></i>
71-
<i class="fa-solid fa-terminal" title="Shell Script"></i>
72-
</div> <!-- d-none clone -->
70+
</div>
71+
<i class="fa-brands fa-js" title="JavaScript"></i>
72+
<i class="fa-brands fa-python" title="Python"></i>
73+
<i class="fa-solid fa-terminal" title="Shell Script"></i>
74+
</div> <!-- d-none clone -->
7375

74-
{% comment %}<div class="text-center text-success" id="scroll-down">{% endcomment %}
75-
{% comment %}Scroll Down for More<br>{% endcomment %}
76-
{% comment %}<i class="fa-solid fa-angles-down fa-xl"></i>{% endcomment %}
77-
{% comment %}</div> <!-- scroll-down -->{% endcomment %}
76+
{% comment %}<div class="text-center text-success" id="scroll-down">{% endcomment %}
77+
{% comment %}Scroll Down for More<br>{% endcomment %}
78+
{% comment %}<i class="fa-solid fa-angles-down fa-xl"></i>{% endcomment %}
79+
{% comment %}</div> <!-- scroll-down -->{% endcomment %}
7880

79-
{% comment %}<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.2/anime.min.js" integrity="sha512-aNMyYYxdIxIaot0Y1/PLuEu3eipGCmsEUBrUq+7aVyPGMFH8z0eTP0tkqAvv34fzN6z+201d3T8HPb1svWSKHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>{% endcomment %}
80-
{% comment %}<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js" integrity="sha512-8E3KZoPoZCD+1dgfqhPbejQBnQfBXe8FuwL4z/c8sTrgeDMFEnoyTlH3obB4/fV+6Sg0a0XF+L/6xS4Xx1fUEg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>{% endcomment %}
81+
{% comment %}<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.2/anime.min.js" integrity="sha512-aNMyYYxdIxIaot0Y1/PLuEu3eipGCmsEUBrUq+7aVyPGMFH8z0eTP0tkqAvv34fzN6z+201d3T8HPb1svWSKHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>{% endcomment %}
82+
{% comment %}<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js" integrity="sha512-8E3KZoPoZCD+1dgfqhPbejQBnQfBXe8FuwL4z/c8sTrgeDMFEnoyTlH3obB4/fV+6Sg0a0XF+L/6xS4Xx1fUEg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>{% endcomment %}
8183

82-
<script type="text/javascript" src="{{ "/js/config.js" | relative_url }}"></script>
83-
<script type="text/javascript" src="{{ "/js/index.js" | relative_url }}"></script>
84-
</div>
84+
<script type="text/javascript" src="{{ "/js/config.js" | relative_url }}"></script>
85+
<script type="text/javascript" src="{{ "/js/index.js" | relative_url }}"></script>

‎src/js/feedback.js

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -89,17 +89,20 @@ async function formSubmit(event) {
8989
window.location = redirect
9090
} else {
9191
console.warn(`Error ${response.status}`, response)
92-
errorAlert.textContent = `Error ${response.status}: ${response.statusText}`
93-
errorAlert.style.display = 'block'
92+
showError(`Error ${response.status}: ${response.statusText}`)
9493
}
9594
} catch (e) {
9695
console.error(e)
97-
errorAlert.textContent = `Error: ${e.message}`
98-
errorAlert.style.display = 'block'
96+
showError(`Error: ${e.message}`)
9997
}
10098
submitBtn.classList.remove('disabled')
10199
}
102100

101+
function showError(message) {
102+
errorAlert.querySelector('.alert').textContent = message
103+
errorAlert.style.display = 'block'
104+
}
105+
103106
async function sendDiscord(url, content) {
104107
// console.debug('sendDiscord', url, content)
105108
// console.debug('content.length', content.length)

0 commit comments

Comments
 (0)