Skip to content

Commit 20a3692

Browse files
shadowcodexshadowcodex
committed
overhaul of the components page
1 parent 4ace129 commit 20a3692

21 files changed

+111
-34
lines changed

‎_data/components.json‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
[
2+
{
3+
"title": "Call To Action",
4+
"permalink": "components/call-to-action/",
5+
"image": "imgs/subscribe.png"
6+
},
7+
{
8+
"title": "Contact Form",
9+
"permalink": "components/contact-form/",
10+
"image": "imgs/contact-form.png"
11+
},
12+
{
13+
"title": "Contact Form 2",
14+
"permalink": "components/contact-form-2/",
15+
"image": "imgs/contact-form-2.png"
16+
},
17+
{
18+
"title": "Dashboard Tiles",
19+
"permalink": "components/dashboard-tiles/",
20+
"image": "imgs/dashboard-tiles.png"
21+
},
22+
{
23+
"title": "Login Form",
24+
"permalink": "components/login-form/",
25+
"image": "imgs/login-1.png"
26+
},
27+
{
28+
"title": "Login Form 2",
29+
"permalink": "components/login-form-2/",
30+
"image": "imgs/login-2.png"
31+
},
32+
{
33+
"title": "Login Form 3",
34+
"permalink": "components/login-form-3/",
35+
"image": "imgs/login.png"
36+
},
37+
{
38+
"title": "Panel",
39+
"permalink": "components/panel/",
40+
"image": "imgs/panel.png"
41+
},
42+
{
43+
"title": "Pricing Table",
44+
"permalink": "components/pricing-table/",
45+
"image": "imgs/pricing-table-1.png"
46+
},
47+
{
48+
"title": "Pricing Table 2",
49+
"permalink": "components/pricing-table-2/",
50+
"image": "imgs/pricing-table.png"
51+
},
52+
{
53+
"title": "Team Card",
54+
"permalink": "components/team-member-profile-card/",
55+
"image": "imgs/team-card-1.png"
56+
},
57+
{
58+
"title": "Team Card 2",
59+
"permalink": "components/team-member-profile-card-2/",
60+
"image": "imgs/team-card-2.png"
61+
},
62+
{
63+
"title": "Team Card 3",
64+
"permalink": "components/team-member-profile-card-3/",
65+
"image": "imgs/team-card-3.png"
66+
},
67+
{
68+
"title": "Team Card 4",
69+
"permalink": "components/team-member-profile-card-4/",
70+
"image": "imgs/team-card-4.png"
71+
},
72+
{
73+
"title": "Team Cards",
74+
"permalink": "components/team-member-multi-profile-card/",
75+
"image": "imgs/team-card.png"
76+
},
77+
]

‎components.html‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -4,27 +4,27 @@
44
permalink: '/components/'
55
---
66
<h1>Components</h1>
7-
<p>A list of components both done, and a short todo list.</p>
7+
{% assign componentCount = site.data.components.size %}
8+
<p>The full library of the {{componentCount}} components.</p>
89
<br>
9-
<p>Done:</p>
10-
<ul>
11-
<li><a href="call-to-action/">Call To Action</a> - A simple call to action banner.</li>
12-
<li><a href="contact-form/">Contact Form</a> - A simple contact form.</li>
13-
<li><a href="contact-form-alternative/">Contact Form Alternative</a> - A simple contact form (Alternative Design)</li>
14-
<li><a href="dashboard-tiles/">Dashboard Tiles</a> - Quickly display important data in tiles.</li>
15-
<li><a href="login-form/">Login Form</a> - Just a simple login form.</li>
16-
<li><a href="login-form-alternative/">Login Form Alternative</a> - Just a simple login form. (Alternative Design)</li>
17-
<li><a href="login-form-alternative-2/">Login Form Alternative 2</a> - Just a simple login form. (Alternative Design 2)(Bootstrap 3 Panel)</li>
18-
<li><a href="panel/">Panel</a> - A representation of the old bootstrap 3 panels.</li>
19-
<li><a href="pricing-table/">Pricing Table</a> - A pricing table using bootstrap 4 cards.</li>
20-
<li><a href="pricing-table-alternative/">Pricing Table Alternative</a> - A pricing table using bootstrap 4 cards. (Alternative Design)</li>
21-
<li><a href="team-member-profile-card/">Team Member Profile Card</a> - Display a synopsis of information for team members.</li>
22-
<li><a href="team-member-profile-card-alternative/">Team Member Profile Card Alternative</a> - Display a synopsis of information for team members. (Alternative Design)</li>
23-
<li><a href="team-member-profile-card-alternative-2/">Team Member Profile Card Alternative 2</a> - Display a synopsis of information for team members. (Alternative Design 2)</li>
24-
<li><a href="team-member-profile-card-alternative-3/">Team Member Profile Card Alternative 3</a> - Display a synopsis of information for team members. (Alternative Design 3)</li>
25-
<li><a href="team-member-multi-profile-card/">Team Member Profile Multi-Card Layout</a> - Display your team cards in a multi-card presentation.</li>
26-
</ul>
10+
{% assign rows = site.data.components.size | divided_by: 6.0 | ceil %}
11+
{% for i in (1..rows) %}
12+
{% assign offset = forloop.index0 | times: 6 %}
13+
<div class="row">
14+
{% for comp in site.data.components limit:6 offset:offset %}
15+
<div class="col-6 col-sm-4 col-md-3 col-lg-3 col-xl-2">
16+
<a href="{{site.baseurl}}/{{comp.permalink}}" class="card border-dark mb-3" style="text-decoration:none;">
17+
<img src="{{site.baseurl}}/{{comp.image}}" alt="{{comp.title}}" class="card-img-top">
18+
<div class="card-footer bg-dark text-white">
19+
{{comp.title}}
20+
</div>
21+
</a>
22+
</div>
23+
{% endfor %}
24+
</div>
25+
{% endfor %}
26+
<br><br>
2727
<p>Todo:</p>
28-
<p>This list has moved. To follow items on the todo list please look at the project list on github...</p>
28+
<p>To follow items on the todo list please look at the project list on github...</p>
2929
<a href="https://github.com/shadowcodex/codex-ui/projects/" class="btn btn-lg btn-primary">View Github Projects</a>
3030
<br><br>

components/contact-form-alternative.html renamed to components/contact-form-2.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: 'Contact Form Alternative'
2+
title: 'Contact Form 2'
33
description: 'A simple contact form. (Alternative design)'
4-
permalink: '/components/contact-form-alternative/'
4+
permalink: '/components/contact-form-2/'
55
layout: component
66
---
77
<p>Font Awesome Required for icons in form</p>

components/login-form-alternative.html renamed to components/login-form-2.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: 'Login Form Alternative'
2+
title: 'Login Form 2'
33
description: 'Just a simple login form. (Alternative design)'
4-
permalink: '/components/login-form-alternative/'
4+
permalink: '/components/login-form-2/'
55
layout: component
66
---
77
<p>Font Awesome Required for Icons on Form</p>

components/login-form-alertantive-2.html renamed to components/login-form-3.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: 'Login Form Alternative 2'
2+
title: 'Login Form 3'
33
description: 'Just a simple login form. (Alternative design 2)(Bootstrap 3 Panel)'
4-
permalink: '/components/login-form-alternative-2/'
4+
permalink: '/components/login-form-3/'
55
layout: component
66
---
77
<p>Font Awesome Required for Icons on Form</p>

components/pricing-table-alternative.html renamed to components/pricing-table-2.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: 'Pricing Table Alternative'
2+
title: 'Pricing Table 2'
33
description: 'A pricing table using bootstrap 4 cards. (Alternative Design)'
4-
permalink: '/components/pricing-table-alternative/'
4+
permalink: '/components/pricing-table-2/'
55
layout: component
66
---
77
<p>Font Awesome Required for checkmark in lists</p>

components/team-member-profile-card-alternative.html renamed to components/team-member-profile-card-2.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: 'Team Member Profile Card Alternative'
2+
title: 'Team Member Profile Card 2'
33
description: 'Display a synopsis of information for team members. (Alternative Design)'
4-
permalink: '/components/team-member-profile-card-alternative/'
4+
permalink: '/components/team-member-profile-card-2/'
55
layout: component
66
---
77
<div class="row justify-content-md-center">

components/team-member-profile-card-alternative-2.html renamed to components/team-member-profile-card-3.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: 'Team Member Profile Card Alternative 2'
2+
title: 'Team Member Profile Card 3'
33
description: 'Display a synopsis of information for team members. (Alternative Design 2)'
4-
permalink: '/components/team-member-profile-card-alternative-2/'
4+
permalink: '/components/team-member-profile-card-3/'
55
layout: component
66
---
77
<div class="row justify-content-md-center">

components/team-member-profile-card-alternative-3.html renamed to components/team-member-profile-card-4.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
2-
title: 'Team Member Profile Card Alternative 3'
2+
title: 'Team Member Profile Card 4'
33
description: 'Display a synopsis of information for team members. (Alternative Design 3)'
4-
permalink: '/components/team-member-profile-card-alternative-3/'
4+
permalink: '/components/team-member-profile-card-4/'
55
layout: component
66
---
77
<div class="row justify-content-md-center">

‎imgs/contact-form-2.png‎

5.74 KB
Loading

0 commit comments

Comments
 (0)