Skip to content

Commit 7eef0e6

Browse files
devcoderoaddevcoderoad
committed
Updates
1 parent 621b921 commit 7eef0e6

17 files changed

+181
-74
lines changed

‎assets/css/theme/theme.css

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -48,56 +48,56 @@
4848
border-bottom: 25px solid transparent;
4949
}
5050

51-
/* dark modes */
51+
/* nuxt-content */
5252

53-
.dark-mode footer {
54-
@apply bg-gray-800;
53+
.nuxt-content h1 {
54+
@apply text-xl font-bold my-2;
5555
}
5656

57-
.dark-mode .theme-form {
58-
@apply bg-gray-800;
57+
.nuxt-content p {
58+
@apply mb-3;
5959
}
6060

61-
.dark-mode .boxed-bottom-content {
62-
@apply bg-gray-800;
61+
.nuxt-link-exact-active.nuxt-link-active {
62+
@apply text-red-600;
6363
}
64+
}
6465

65-
.dark-mode body nav:not(.bg-gradient-to-b) {
66-
@apply bg-gray-800;
67-
}
66+
/* dark modes */
6867

69-
.dark-mode body {
70-
background-color: #091a28;
71-
color: #ebf4f1;
72-
}
68+
.dark-mode footer {
69+
@apply bg-gray-800;
70+
}
7371

74-
.dark-mode body blockquote,
75-
.dark-mode body figcaption {
76-
@apply text-gray-800;
77-
}
72+
.dark-mode .theme-form {
73+
@apply bg-gray-800;
74+
}
7875

79-
.dark-mode .color-mode option {
80-
@apply text-gray-900;
81-
}
76+
.dark-mode .boxed-bottom-content {
77+
@apply bg-gray-800;
78+
}
8279

83-
/* sepia modes */
80+
.dark-mode body nav:not(.bg-gradient-to-b) {
81+
@apply bg-gray-800;
82+
}
8483

85-
.sepia-mode body {
86-
background-color: #f1e7d0;
87-
color: #433422;
88-
}
84+
.dark-mode body {
85+
background-color: #091a28;
86+
color: #ebf4f1;
87+
}
8988

90-
/* nuxt-content */
89+
.dark-mode body blockquote,
90+
.dark-mode body figcaption {
91+
@apply text-gray-800;
92+
}
9193

92-
.nuxt-content h1 {
93-
@apply text-xl font-bold my-2;
94-
}
94+
.dark-mode .color-mode option {
95+
@apply text-gray-900;
96+
}
9597

96-
.nuxt-content p {
97-
@apply mb-3;
98-
}
98+
/* sepia modes */
9999

100-
.nuxt-link-exact-active.nuxt-link-active {
101-
@apply text-red-600;
102-
}
100+
.sepia-mode body {
101+
background-color: #f1e7d0;
102+
color: #433422;
103103
}

‎components/Logo.vue

Lines changed: 30 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,37 @@
11
<template>
22
<svg
3-
class="NuxtLogo"
4-
width="245"
5-
height="180"
6-
viewBox="0 0 452 342"
73
xmlns="http://www.w3.org/2000/svg"
4+
width="150"
5+
height="33.863"
6+
viewBox="0 0 150 33.863"
87
>
9-
<path
10-
d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
11-
fill="#00C58E"
12-
/>
13-
<path
14-
d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
15-
fill="#108775"
16-
/>
17-
<path
18-
d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
19-
fill="#2F495E"
20-
/>
8+
<g
9+
id="Group_11"
10+
data-name="Group 11"
11+
transform="translate(-1037.089 -621.083)"
12+
>
13+
<path
14+
id="Path_7"
15+
data-name="Path 7"
16+
d="M17.584,28.954V13.909a3.844,3.844,0,0,1,3.922-3.766H39.6V8.266A3.829,3.829,0,0,0,35.716,4.5H7.416A3.9,3.9,0,0,0,3.375,8.2V34.659a3.9,3.9,0,0,0,4.041,3.7H149.49a3.823,3.823,0,0,0,3.885-3.766V32.719H21.5A3.842,3.842,0,0,1,17.584,28.954Z"
17+
transform="translate(1033.714 616.583)"
18+
fill="#28a745"
19+
/>
20+
<path
21+
id="Path_8"
22+
data-name="Path 8"
23+
d="M17.227,13.425V26.3A1.476,1.476,0,0,0,18.7,27.773H35.9A1.476,1.476,0,0,0,37.37,26.3V13.425A1.476,1.476,0,0,0,35.9,11.953H18.7A1.476,1.476,0,0,0,17.227,13.425ZM24.318,22.8a2.945,2.945,0,1,1,2.75-2.75A2.945,2.945,0,0,1,24.318,22.8Z"
24+
transform="translate(1037.983 618.045)"
25+
fill="#ffc107"
26+
/>
27+
<path
28+
id="Path_11"
29+
data-name="Path 11"
30+
d="M5.32-55.98h6.385l1.843-9.381c.362-1.679.592-3.357.823-5.069H14.5c.2,1.712.428,3.39.79,5.069l1.942,9.381h6.484L27.5-77.407H22.633L21.185-67.6c-.263,2.205-.56,4.476-.79,6.846h-.132c-.395-2.37-.823-4.674-1.251-6.846L16.84-77.407H12.429L10.191-67.6c-.428,2.238-.856,4.509-1.251,6.846H8.809c-.23-2.337-.494-4.575-.79-6.846L6.669-77.407h-5.2Zm27.121.395a6.846,6.846,0,0,0,4.674-2.041h.132l.362,1.646h4.147v-9.282c0-5.135-2.37-7.472-6.583-7.472a13.31,13.31,0,0,0-7.044,2.139L29.907-67.3a8.75,8.75,0,0,1,4.279-1.382,2.154,2.154,0,0,1,2.5,2.139c-6.451.658-9.117,2.534-9.117,5.99A4.744,4.744,0,0,0,32.441-55.585Zm1.744-3.95c-1.119,0-1.744-.461-1.744-1.415,0-1.152.987-2.041,4.246-2.469v2.6A3.408,3.408,0,0,1,34.186-59.535Zm14.877,3.95a6.783,6.783,0,0,0,2.534-.428l-.592-3.752a2.031,2.031,0,0,1-.592.066c-.395,0-.922-.329-.922-1.382V-78.987H44.422v17.708C44.422-57.856,45.574-55.585,49.063-55.585Zm8.229,0a6.783,6.783,0,0,0,2.534-.428l-.592-3.752a2.031,2.031,0,0,1-.592.066c-.395,0-.922-.329-.922-1.382V-78.987H52.651v17.708C52.651-57.856,53.8-55.585,57.292-55.585Zm10.96,0a10.546,10.546,0,0,0,5.892-1.843L72.5-60.489a7.1,7.1,0,0,1-3.522,1.02,3.764,3.764,0,0,1-4.081-3.16h9.644a11.872,11.872,0,0,0,.2-2.238c0-4.443-2.3-7.867-7.044-7.867-3.917,0-7.735,3.259-7.735,8.558C59.958-58.712,63.578-55.585,68.252-55.585ZM64.829-66.052a3.014,3.014,0,0,1,3-2.831c1.843,0,2.567,1.218,2.567,2.831ZM84.051-55.585a10.546,10.546,0,0,0,5.892-1.843L88.3-60.489a7.1,7.1,0,0,1-3.522,1.02,3.763,3.763,0,0,1-4.081-3.16h9.644a11.872,11.872,0,0,0,.2-2.238c0-4.443-2.3-7.867-7.044-7.867-3.917,0-7.735,3.259-7.735,8.558C75.757-58.712,79.377-55.585,84.051-55.585ZM80.628-66.052a3.014,3.014,0,0,1,3-2.831c1.843,0,2.567,1.218,2.567,2.831ZM91.391-55.98h13.232v-3.983H97.743l6.682-9.644v-2.732H92.181v3.983h5.892l-6.682,9.644Z"
31+
transform="translate(1077.475 701.215)"
32+
fill="#28a745"
33+
/>
34+
</g>
2135
</svg>
2236
</template>
2337

‎components/Topics.vue

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<template>
2+
<section v-if="items && items.length && items.length > 0">
3+
<h3 class="font-black text-2xl uppercase text-left mb-6">
4+
{{ $t('label.topics') }}
5+
</h3>
6+
<nav>
7+
<ul class="flex flex-wrap md:mb-4 text-left">
8+
<li
9+
v-for="item of items"
10+
:key="item.slug"
11+
class="
12+
xs:w-full
13+
md:w-1/3
14+
lg:flex-1
15+
pl-2
16+
pr-4
17+
mb-2
18+
text-left
19+
border-l-2 border-gray-300
20+
"
21+
>
22+
<NuxtLink :to="`/article/tag/${item.slug}`">
23+
<p
24+
class="text-gray-500 uppercase tracking-wider font-medium text-ss"
25+
>
26+
{{ item.name }}
27+
</p>
28+
</NuxtLink>
29+
</li>
30+
</ul>
31+
</nav>
32+
</section>
33+
</template>
34+
35+
<script>
36+
export default {
37+
name: 'Topics',
38+
props: {
39+
items: {
40+
type: Array,
41+
required: true,
42+
default: () => []
43+
}
44+
}
45+
}
46+
</script>

‎components/cards/Article.vue

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,23 @@
77
class="boxed-bottom__right"
88
>
99
<div class="boxed-bottom-content xl:space-y-6" :rel="`card-${index}`">
10+
<div class="inline-block">
11+
<span
12+
class="
13+
px-3
14+
py-1
15+
border border-gray-400
16+
bg-gray-200
17+
text-gray-400
18+
mb-4
19+
block
20+
rounded-full
21+
uppercase
22+
text-xs
23+
"
24+
>{{ item.category }}</span
25+
>
26+
</div>
1027
<Nuxt-Link
1128
:to="
1229
localePath({

‎components/cards/ArticleHeadline.vue

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@
7878
</div>
7979
</figcaption>
8080
<div class="relative flex flex-col sm:flex-row sm:space-x-4">
81-
<Nuxt-Link
81+
<!-- <Nuxt-Link
8282
:to="
8383
localePath({
8484
name: 'article-slug',
@@ -99,6 +99,27 @@
9999
hover:bg-indigo-700
100100
sm:w-auto
101101
"
102+
> -->
103+
<Nuxt-Link
104+
:to="
105+
localePath({
106+
name: 'article-slug',
107+
params: { slug: item.slug }
108+
})
109+
"
110+
class="
111+
flex
112+
items-center
113+
w-full
114+
px-5
115+
py-2
116+
mb-3
117+
text-lg text-white
118+
bg-indigo-600
119+
sm:mb-0
120+
hover:bg-indigo-700
121+
sm:w-auto
122+
"
102123
>
103124
Read More
104125
<svg
@@ -121,6 +142,7 @@
121142
<div class="w-full md:w-1/2">
122143
<div
123144
class="
145+
bg-white
124146
w-full
125147
h-auto
126148
overflow-hidden

‎components/footer/Footer.vue

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,7 @@
55
<div class="nav-content">
66
<div class="flex flex-wrap items-center">
77
<NuxtLink to="/" class="mr-2 text-gray-300 hover:text-gray-400">
8-
<img
9-
class="h-8 w-8"
10-
src="https://tailwindui.com/img/logos/workflow-mark-indigo-400.svg"
11-
alt="Logo"
12-
/>
8+
<Logo />
139
</NuxtLink>
1410
<NuxtLink
1511
to="/signin"
@@ -43,7 +39,7 @@
4339
</div>
4440
<div class="nav-info">
4541
<nav class="nav-link">
46-
<h4 class="text-2xl">About Us</h4>
42+
<h4 class="text-2xl font-black">About Us</h4>
4743
<ul>
4844
<li><a href="#about" title="About">About</a></li>
4945
<li><a href="#team" title="About">Teams</a></li>
@@ -52,7 +48,7 @@
5248
</ul>
5349
</nav>
5450
<nav class="nav-link">
55-
<h4 class="text-2xl">Support</h4>
51+
<h4 class="text-2xl font-black">Support</h4>
5652
<ul>
5753
<li><a href="#Technical" title="Technical">Technical</a></li>
5854
<li><a href="#Billing" title="Billing">Billing</a></li>
@@ -61,7 +57,7 @@
6157
</ul>
6258
</nav>
6359
<nav class="nav-link">
64-
<h4 class="text-2xl">Office</h4>
60+
<h4 class="text-2xl font-black">Office</h4>
6561
<ul>
6662
<li><a href="#main" title=">Main Office">Main Office</a></li>
6763
<li><a href="#us" title="Branch Office US">US Branch</a></li>
@@ -71,7 +67,7 @@
7167
</ul>
7268
</nav>
7369
<nav class="nav-link">
74-
<h4 class="text-2xl">Resources</h4>
70+
<h4 class="text-2xl font-black">Resources</h4>
7571
<ul>
7672
<li><a href="#pricing" title=">Pricing">Pricing</a></li>
7773
<li>

‎components/navigation/Top.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,7 @@
66
<div class="flex items-center">
77
<div class="flex-shrink-0">
88
<NuxtLink to="/">
9-
<img
10-
class="h-8 w-8"
11-
src="https://tailwindui.com/img/logos/workflow-mark-indigo-400.svg"
12-
alt="Workflow logo"
13-
/>
9+
<Logo />
1410
</NuxtLink>
1511
</div>
1612
<div v-if="items && items.length > 0" class="hidden md:block">

‎content/articles/at-vero-eos-et-accusamus-et-iusto-odio-dignissimos-ducimus-qui.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ author:
77
name: CodeRoad
88
bio: Web Developer and Tech Writer
99
img: ../img/logo.jpg
10+
category: StartUp
1011
tags:
1112
- web development
1213
- vuejs

‎content/articles/lorem-ipsum-dolor-sit-amet-consecteteur.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ author:
77
name: CodeRoad
88
bio: Web Developer and Tech Writer
99
img: ../img/logo.jpg
10+
category: Writing
1011
tags:
1112
- web development
1213
- vuejs

‎content/articles/players-and-equipment.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ author:
77
name: CodeRoad
88
bio: Markdown Writer
99
img: ../img/logo.jpg
10+
category: Design
1011
tags:
1112
- web development
1213
- vuejs

0 commit comments

Comments
 (0)