Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit afbfde1

Browse files
committed
card style
1 parent 4051a41 commit afbfde1

File tree

3 files changed

+60
-29
lines changed

3 files changed

+60
-29
lines changed
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
---
22
title: Appium
33
layout: node
4+
icon: cog
45
permalink: /:categories/
56
categories: [ platform, android, frameworks, appium]
67
---

‎_config.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ uploads: /uploads/
105105
# Build settings
106106
markdown: kramdown
107107
highlighter: rouge
108-
108+
node_grid:
109109
plugins:
110110
- jekyll-feed
111111
- jekyll-seo-tag

‎_layouts/node.html‎

Lines changed: 58 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -10,23 +10,39 @@ <h2 id="general" class="uk-text-center uk-margin-remove">{{page.header.list_titl
1010
{%- else -%}
1111
{%- include breadcrumbs.html -%}
1212

13-
<h1 style="font-size: 50px;">{{page.title}}</h1>
14-
<p>{{page.description}}</p>
13+
<div class="uk-grid-small uk-grid" data-uk-grid="">
14+
15+
<div class="uk-width-auto uk-text-primary uk-first-column">
16+
<span class="uk-margin-xsmall-top uk-icon" data-uk-icon="icon: star; ratio: 2.6">
17+
<svg width="52" height="52" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="{{page.icon}}">
18+
<polygon fill="none" stroke="#000" stroke-width="1.01"
19+
points="10 2 12.63 7.27 18.5 8.12 14.25 12.22 15.25 18 10 15.27 4.75 18 5.75 12.22 1.5 8.12 7.37 7.27">
20+
</polygon>
21+
</svg>
22+
</span>
23+
</div>
24+
25+
<div class="uk-width-expand">
26+
<h1 class="uk-article-title uk-margin-remove">{{page.title}}</h1>
27+
<p class="uk-text-lead uk-text-muted uk-margin-small-top">{{page.description}}</p>
28+
</div>
29+
</div>
30+
1531
{%- endif -%}
1632

1733
{% assign articles = site.articles %}
1834
{% assign i = page.categories.size | minus: 1 %}
19-
35+
2036
<div class="uk-child-width-1-2@m uk-grid-match uk-grid-small uk-margin-medium-top uk-grid" data-uk-grid="">
2137

2238
{% for p in articles %}
2339

2440
{% assign k1 = p.categories.size %}
2541
{%- if p.layout == "node" -%}
26-
{% assign k2 =i | plus: 2 %}
27-
{%- else -%}
28-
{% assign k2 =i | plus: 1 %}
29-
{%- endif -%}
42+
{% assign k2 =i | plus: 2 %}
43+
{%- else -%}
44+
{% assign k2 =i | plus: 1 %}
45+
{%- endif -%}
3046

3147
{% if k1 == k2 %}
3248
{%- assign s1 = "" -%}
@@ -38,34 +54,48 @@ <h1 style="font-size: 50px;">{{page.title}}</h1>
3854
{% if s1 == s2 %}
3955

4056
<div class="uk-first-column">
57+
4158
<div class="uk-card uk-card uk-card-default uk-card-hover uk-card-body uk-inline uk-border-rounded">
42-
<a class="uk-position-cover" href="{{p.url | relative_url}}"></a>
43-
<div class="uk-grid-small uk-grid" data-uk-grid="">
44-
<div class="uk-width-auto uk-text-primary uk-flex uk-flex-middle uk-first-column">
45-
46-
<span data-uk-icon="icon: {%- if p.icon -%}{{p.icon}}{%- else -%}file-text{%- endif -%}; ratio: 2.6"
47-
class="uk-icon">
48-
</span>
49-
50-
</div>
51-
<div class="uk-width-expand">
52-
<h3 class="uk-card-title uk-margin-remove uk-text-primary">{{p.title}}</h3>
53-
54-
<p class="uk-text-muted uk-margin-remove">{{p.description}}</p>
5559

60+
<a class="uk-position-cover" href="{{p.url | relative_url}}"></a>
61+
<div class="uk-grid-small uk-grid" data-uk-grid="">
62+
<div class="uk-width-auto uk-text-primary uk-flex uk-flex-middle uk-first-column">
63+
{%- if p.icon -%}
64+
<span data-uk-icon="icon: {%- if p.icon -%}{{p.icon}}{%- else -%}file-text{%- endif -%}; ratio: 2.6"
65+
class="uk-icon">
66+
</span>
67+
{%- endif -%}
68+
</div>
69+
<div class="uk-width-expand">
70+
<h3 class="uk-card-title uk-margin-remove uk-text-primary">{{p.title}}</h3>
71+
<p class="uk-text-muted uk-margin-remove">{{p.description}}</p>
72+
{%- if p.author -%}
73+
{%- assign author = p.author -%}
74+
{%- assign a = site.authors[author] -%}
75+
<div class="uk-article-meta uk-flex uk-flex-middle" style="margin-top: 10px;">
76+
<img class="uk-border-circle uk-avatar-small" data-src="/uploads/{{a.avatar}}"
77+
src="/uploads/{{a.avatar}}" alt="{{a.name}}" data-uk-img="">
78+
<div>
79+
Written by {{a.name}}<br>
80+
<time datetime="{{p.date}}">{{p.date| date_to_string: "ordinal", "US"}}</time>
81+
</div>
82+
<br>
83+
</div>
84+
85+
{%- endif -%}
86+
</div>
5687
</div>
5788
</div>
5889
</div>
59-
</div>
6090

61-
{% endif %}
91+
{% endif %}
6292

63-
{% endif %}
93+
{% endif %}
6494

65-
{% endfor %}
66-
</div>
95+
{% endfor %}
96+
</div>
6797

68-
{{content}}
98+
{{content}}
6999

70-
</div>
71-
</div>
100+
</div>
101+
</div>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /