Skip to content

Commit 0d06cf2

Browse files
Amey-Thakurmsatmod
Amey-Thakur
and
msatmod
committed
Amey's Arc
Co-authored-by: Mega Satish <mega.modha@gmail.com>
1 parent 2d54bbd commit 0d06cf2

3 files changed

Lines changed: 122 additions & 31 deletions

File tree

‎Source Code/layouts/shortcodes/Academic_Figure.html‎

Lines changed: 56 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,61 @@
1-
<figure{{ if or (.Get "class") (eq (.Get "align") "center") }} class="
2-
{{- if eq (.Get "align") "center" }}align-center {{ end }}
3-
{{- with .Get "class" }}{{ . }}{{- end }}"
4-
{{- end -}}>
1+
<!-- ==============================================================================
2+
- File: Academic_Figure.html (Semantic Media Container)
3+
- Author: Amey Thakur
4+
- Profile: https://github.com/Amey-Thakur
5+
- Repository: https://github.com/Amey-Thakur/Amey-Thakur.github.io
6+
- Release Date: December 16, 2025
7+
- License: MIT License
8+
- ==============================================================================
9+
-
10+
- DESCRIPTION:
11+
- This shortcode implements a semantic <figure> container for media assets.
12+
- It ensures scholarly rigor by associating high-fidelity imagery with
13+
- descriptive captions and attribution metadata.
14+
-
15+
- HOW IT WORKS:
16+
- The component parses input parameters (src, caption, attr) to architect
17+
- a responsive media block. It utilizes conditional logic for spatial
18+
- alignment, lazy-loading for performance, and markdown processing for
19+
- rich-text captions.
20+
-
21+
- TECH STACK:
22+
- - Hugo Shortcode API
23+
- - Semantic HTML5 Figure/Figcaption
24+
- - Markdown Rendering (markdownify)
25+
-
26+
- ============================================================================== -->
27+
28+
{{- /* Spatial Architecture: Defining the container grid and alignment modality. */ -}}
29+
<figure{{ if or (.Get "class" ) (eq (.Get "align" ) "center" ) }} class="
30+
{{- if eq (.Get " align") "center" }}align-center {{ end }} {{- with .Get "class" }}{{ . }}{{- end }}" {{-
31+
end -}}>
32+
{{- /* Interactivity Layer: Handling optional hyperlinking for the media asset. */ -}}
533
{{- if .Get "link" -}}
6-
<a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
7-
{{- end }}
8-
<img loading="lazy" src="{{ .Get "src" }}{{- if eq (.Get "align") "center" }}#center{{- end }}"
9-
{{- if or (.Get "alt") (.Get "caption") }}
10-
alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
11-
{{- end -}}
12-
{{- with .Get "width" }} width="{{ . }}"{{ end -}}
13-
{{- with .Get "height" }} height="{{ . }}"{{ end -}}
14-
/> <!-- Closing img tag -->
15-
{{- if .Get "link" }}</a>{{ end -}}
34+
<a href="{{ .Get " link" }}"{{ with .Get "target" }} target="{{ . }}" {{ end }}{{ with .Get "rel" }} rel="{{ . }}"
35+
{{ end }}>
36+
{{- end }}
37+
{{- /* Media Processor: Delivering the visual artifact with lazy-loading performance. */ -}}
38+
<img loading="lazy" src="{{ .Get " src" }}{{- if eq (.Get "align" ) "center" }}#center{{- end }}" {{- if or
39+
(.Get "alt" ) (.Get "caption" ) }} alt="{{ with .Get " alt" }}{{ . }}{{ else }}{{ .Get "caption" |
40+
markdownify | plainify }}{{ end }}" {{- end -}} {{- with .Get "width" }} width="{{ . }}" {{ end -}} {{- with
41+
.Get "height" }} height="{{ . }}" {{ end -}} />
42+
{{- if .Get "link" }}</a>{{ end -}}
43+
44+
{{- /* Scholarly Metadata: Injecting semantic figcaptions and attribution trails. */ -}}
1645
{{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
17-
<figcaption>
18-
{{ with (.Get "title") -}}
19-
{{ . }}
20-
{{- end -}}
21-
{{- if or (.Get "caption") (.Get "attr") -}}<p>
22-
{{- .Get "caption" | markdownify -}}
23-
{{- with .Get "attrlink" }}
24-
<a href="{{ . }}">
46+
<figcaption>
47+
{{ with (.Get "title") -}}
48+
{{ . }}
49+
{{- end -}}
50+
{{- if or (.Get "caption") (.Get "attr") -}}<p>
51+
{{- .Get "caption" | markdownify -}}
52+
{{- with .Get "attrlink" }}
53+
<a href="{{ . }}">
2554
{{- end -}}
2655
{{- .Get "attr" | markdownify -}}
27-
{{- if .Get "attrlink" }}</a>{{ end }}</p>
28-
{{- end }}
29-
</figcaption>
56+
{{- if .Get "attrlink" }}</a>{{ end }}
57+
</p>
58+
{{- end }}
59+
</figcaption>
3060
{{- end }}
31-
</figure>
32-
61+
</figure>

‎Source Code/layouts/shortcodes/Expandable_Section.html‎

Lines changed: 34 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,40 @@
1+
<!-- ==============================================================================
2+
- File: Expandable_Section.html (Collapsible Content Block)
3+
- Author: Amey Thakur
4+
- Profile: https://github.com/Amey-Thakur
5+
- Repository: https://github.com/Amey-Thakur/Amey-Thakur.github.io
6+
- Release Date: December 16, 2025
7+
- License: MIT License
8+
- ==============================================================================
9+
-
10+
- DESCRIPTION:
11+
- This shortcode implements a collapsible UI component for technical detours
12+
- and non-critical scholarly annotations. It allows for high information
13+
- density without sacrificing primary document readability.
14+
-
15+
- HOW IT WORKS:
16+
- It utilizes the native HTML5 <details> and <summary> elements. The
17+
- component performs parameter validation for the summary heading and
18+
- processes inner markdown content to preserve typographic formatting within
19+
- the expanded state.
20+
-
21+
- TECH STACK:
22+
- - Hugo Shortcode Architecture
23+
- - HTML5 Details/Summary Specification
24+
- - Markdown Content Processing
25+
-
26+
- ============================================================================== -->
27+
28+
{{- /* Structural Validation: Ensuring the summary parameter is populated for accessibility. */ -}}
129
{{ if .Get "summary" }}
230
{{ else }}
331
{{ warnf "missing value for param 'summary': %s" .Position }}
432
{{ end }}
5-
<p><details {{ if (eq (.Get "openByDefault") true) }} open=true {{ end }}>
33+
34+
{{- /* Interaction Layer: Rendering the collapsible block with optional default-open status. */ -}}
35+
<p>
36+
<details {{ if (eq (.Get "openByDefault" ) true) }} open=true {{ end }}>
637
<summary markdown="span">{{ .Get "summary" | markdownify }}</summary>
738
{{ .Inner | markdownify }}
8-
</details></p>
9-
39+
</details>
40+
</p>

‎Source Code/layouts/shortcodes/Professional_Grid.html‎

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,32 @@
1+
<!-- ==============================================================================
2+
- File: Professional_Grid.html (Connectivity Infrastructure)
3+
- Author: Amey Thakur
4+
- Profile: https://github.com/Amey-Thakur
5+
- Repository: https://github.com/Amey-Thakur/Amey-Thakur.github.io
6+
- Release Date: December 16, 2025
7+
- License: MIT License
8+
- ==============================================================================
9+
-
10+
- DESCRIPTION:
11+
- This shortcode generates a high-fidelity visual grid for professional,
12+
- academic, and social connectivity. It serves as a centralized hub for
13+
- Amey's digital and scholarly identity markers.
14+
-
15+
- HOW IT WORKS:
16+
- The component utilizes categorized data slices to iterate through specific
17+
- platform markers (LinkedIn, GitHub, Google Scholar, etc.). It injects
18+
- technical SVGs from the Vector Icon Library and applies specialized
19+
- transition aesthetics for hover-based engagement.
20+
-
21+
- TECH STACK:
22+
- - Hugo Template Logic (range/slice/dict)
23+
- - SVG Vector Icon Integration
24+
- - CSS Flexbox & Grid Geometry
25+
-
26+
- ============================================================================== -->
27+
128
<div class="social-sections">
29+
{{- /* Professional Tier: Core corporate and development identity markers. */ -}}
230
<div class="social-section">
331
<h3>Professional</h3>
432
<div class="social-icons-grid">
@@ -16,6 +44,7 @@ <h3>Professional</h3>
1644
</div>
1745
</div>
1846

47+
{{- /* Academic Tier: Scholarly dissemination and research-gate connectivity. */ -}}
1948
<div class="social-section">
2049
<h3>Academic</h3>
2150
<div class="social-icons-grid">
@@ -35,6 +64,7 @@ <h3>Academic</h3>
3564
</div>
3665
</div>
3766

67+
{{- /* Social Tier: General public discourse and archival reflections. */ -}}
3868
<div class="social-section">
3969
<h3>Social</h3>
4070
<div class="social-icons-grid">
@@ -51,6 +81,7 @@ <h3>Social</h3>
5181
</div>
5282
</div>
5383

84+
{{- /* Aesthetic Framework: Defining the spatial logic and interaction physics for the grid. */ -}}
5485
<style>
5586
.social-sections {
5687
display: flex;
@@ -96,4 +127,4 @@ <h3>Social</h3>
96127
height: 24px;
97128
fill: currentColor;
98129
}
99-
</style>
130+
</style>

0 commit comments

Comments
 (0)