Skip to content

Commit a8cadb4

Browse files
adictonatoradictonator
committed
more copy update
1 parent ced071c commit a8cadb4

File tree

4 files changed

+288
-131
lines changed

4 files changed

+288
-131
lines changed

‎style.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1196,6 +1196,10 @@ html {
11961196
margin-top: 1.25rem;
11971197
}
11981198

1199+
.mb-36 {
1200+
margin-bottom: 9rem;
1201+
}
1202+
11991203
.block {
12001204
display: block;
12011205
}
@@ -1854,6 +1858,12 @@ html {
18541858
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
18551859
}
18561860

1861+
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
1862+
--tw-space-y-reverse: 0;
1863+
margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
1864+
margin-bottom: calc(4rem * var(--tw-space-y-reverse));
1865+
}
1866+
18571867
.divide-x > :not([hidden]) ~ :not([hidden]) {
18581868
--tw-divide-x-reverse: 0;
18591869
border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -2698,6 +2708,11 @@ html {
26982708
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
26992709
}
27002710

2711+
.invert {
2712+
--tw-invert: invert(100%);
2713+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2714+
}
2715+
27012716
.backdrop-blur-sm {
27022717
--tw-backdrop-blur: blur(4px);
27032718
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

‎template-parts/components/component-check-mark.php

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
1-
<svg class="size-5" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2-
<circle cx="12" cy="12" r="12" fill="#005DA4" />
3-
<path d="M10.4006 16.798L6.37476 12.7722C6.13289 12.5303 6.13289 12.1381 6.37476 11.8963L7.25064 11.0204C7.4925 10.7785 7.88468 10.7785 8.12654 11.0204L10.8385 13.7323L16.6473 7.92358C16.8891 7.68172 17.2813 7.68172 17.5232 7.92358L18.399 8.79949C18.6409 9.04135 18.6409 9.4335 18.399 9.67539L11.2765 16.798C11.0346 17.0399 10.6424 17.0399 10.4006 16.798Z" fill="white" />
4-
</svg>
1+
<svg class="size-5 shrink-0" width="24" height="24" viewBox="0 0 24 24"
2+
fill="none" xmlns="http://www.w3.org/2000/svg">
3+
<circle cx="12" cy="12" r="12" fill="#005DA4" />
4+
<path
5+
d="M10.4006 16.798L6.37476 12.7722C6.13289 12.5303 6.13289 12.1381 6.37476 11.8963L7.25064 11.0204C7.4925 10.7785 7.88468 10.7785 8.12654 11.0204L10.8385 13.7323L16.6473 7.92358C16.8891 7.68172 17.2813 7.68172 17.5232 7.92358L18.399 8.79949C18.6409 9.04135 18.6409 9.4335 18.399 9.67539L11.2765 16.798C11.0346 17.0399 10.6424 17.0399 10.4006 16.798Z"
6+
fill="white" />
7+
</svg>

‎template-parts/sections/section-cards.php

Lines changed: 85 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -22,70 +22,114 @@
2222
</section>-->
2323

2424
<section class="relative mx-auto max-w-7xl pt-10 pb-10 lg:pb-14 px-4">
25-
<h2 class="text-2xl md:max-w-2xl mx-auto font-bold md:text-5xl font-display text-center md:leading-tight">
26-
CSS & JavaScript Toolbox is <span class="text-brand-blue">used</span> for
25+
<h2
26+
class="text-2xl md:max-w-2xl mx-auto font-bold md:text-5xl font-display text-center md:leading-tight">
27+
CSS & JavaScript Toolbox is <span class="text-brand-blue">used</span>
28+
for
2729
</h2>
28-
<div class="grid grid-cols-1 gap-5 lg:grid-cols-2 lg:grid-rows-2 lg:gap-x-10 lg:gap-y-14 lg:px-0 px-5 items-start mt-10 lg:mt-24">
29-
<div class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">
30+
<div
31+
class="grid grid-cols-1 gap-5 lg:grid-cols-3 lg:gap-x-10 lg:gap-y-14 lg:px-0 px-5 items-start mt-10 lg:mt-24">
32+
<div
33+
class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">
3034
<div class="space-y-5 flex flex-col items-center">
31-
<svg xmlns="http://www.w3.org/2000/svg" class="size-16 p-2.5 bg-cyan-100 text-cyan-600 rounded" viewBox="0 0 24 24" fill="none">
32-
<path d="M9.00002 13C8.34002 13.33 7.79002 13.82 7.38002 14.43C7.15002 14.78 7.15002 15.22 7.38002 15.57C7.79002 16.18 8.34002 16.67 9.00002 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
33-
<path d="M15.21 13C15.87 13.33 16.42 13.82 16.83 14.43C17.06 14.78 17.06 15.22 16.83 15.57C16.42 16.18 15.87 16.67 15.21 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
34-
<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
35-
<path d="M2.22998 8.01L21.45 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
35+
<svg xmlns="http://www.w3.org/2000/svg"
36+
class="size-16 p-2.5 bg-cyan-100 text-cyan-600 rounded"
37+
viewBox="0 0 24 24" fill="none">
38+
<path
39+
d="M9.00002 13C8.34002 13.33 7.79002 13.82 7.38002 14.43C7.15002 14.78 7.15002 15.22 7.38002 15.57C7.79002 16.18 8.34002 16.67 9.00002 17"
40+
stroke="currentColor" stroke-width="1.5"
41+
stroke-linecap="round" stroke-linejoin="round" />
42+
<path
43+
d="M15.21 13C15.87 13.33 16.42 13.82 16.83 14.43C17.06 14.78 17.06 15.22 16.83 15.57C16.42 16.18 15.87 16.67 15.21 17"
44+
stroke="currentColor" stroke-width="1.5"
45+
stroke-linecap="round" stroke-linejoin="round" />
46+
<path
47+
d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
48+
stroke="currentColor" stroke-width="1.5"
49+
stroke-linecap="round" stroke-linejoin="round" />
50+
<path d="M2.22998 8.01L21.45 8" stroke="currentColor"
51+
stroke-width="1.5" stroke-linecap="round"
52+
stroke-linejoin="round" />
3653
</svg>
37-
<h3 class="text-xl font-semibold text-gray-900 md:text-2xl">Making CSS front-end changes</h3>
54+
<h3 class="text-xl font-semibold text-gray-900 md:text-2xl">
55+
Making CSS front-end changes</h3>
3856
</div>
3957
<p class="text-neutral-500 text-center">
40-
No need to modify theme files. Just create a CSS code block.
58+
No need to modify theme files or work with tedious built-in
59+
theme options. Just create a CSS code block.
4160
</p>
4261
</div>
43-
<div class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">
62+
<div
63+
class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">
4464
<div class="space-y-5 flex flex-col items-center">
45-
<svg xmlns="http://www.w3.org/2000/svg" class="size-16 p-2.5 rounded bg-red-100 text-red-600" viewBox="0 0 24 24" fill="none">
46-
<path d="M22 5.14999V7.85001C22 10.1 21.1 11 18.85 11H16.15C13.9 11 13 10.1 13 7.85001V5.14999C13 2.89999 13.9 2 16.15 2H18.85C21.1 2 22 2.89999 22 5.14999Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
47-
<path d="M11 16.15V18.85C11 21.1 10.1 22 7.85 22H5.15C2.9 22 2 21.1 2 18.85V16.15C2 13.9 2.9 13 5.15 13H7.85C10.1 13 11 13.9 11 16.15Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
48-
<path d="M17.38 11.0001V13.6201C17.38 16.3101 16.31 17.3801 13.62 17.3801H11V16.1501C11 13.9001 10.1 13.0001 7.85 13.0001H6.62V10.3801C6.62 7.69013 7.69 6.62012 10.38 6.62012H13V7.85013C13 10.1001 13.9 11.0001 16.15 11.0001H17.38Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
65+
<svg xmlns="http://www.w3.org/2000/svg"
66+
class="size-16 p-2.5 rounded bg-red-100 text-red-600"
67+
viewBox="0 0 24 24" fill="none">
68+
<path
69+
d="M22 5.14999V7.85001C22 10.1 21.1 11 18.85 11H16.15C13.9 11 13 10.1 13 7.85001V5.14999C13 2.89999 13.9 2 16.15 2H18.85C21.1 2 22 2.89999 22 5.14999Z"
70+
stroke="currentColor" stroke-width="1.5"
71+
stroke-linecap="round" stroke-linejoin="round" />
72+
<path
73+
d="M11 16.15V18.85C11 21.1 10.1 22 7.85 22H5.15C2.9 22 2 21.1 2 18.85V16.15C2 13.9 2.9 13 5.15 13H7.85C10.1 13 11 13.9 11 16.15Z"
74+
stroke="currentColor" stroke-width="1.5"
75+
stroke-linecap="round" stroke-linejoin="round" />
76+
<path
77+
d="M17.38 11.0001V13.6201C17.38 16.3101 16.31 17.3801 13.62 17.3801H11V16.1501C11 13.9001 10.1 13.0001 7.85 13.0001H6.62V10.3801C6.62 7.69013 7.69 6.62012 10.38 6.62012H13V7.85013C13 10.1001 13.9 11.0001 16.15 11.0001H17.38Z"
78+
stroke="currentColor" stroke-width="1.5"
79+
stroke-linecap="round" stroke-linejoin="round" />
4980
</svg>
5081

51-
<h3 class="text-xl font-semibold text-gray-900 md:text-2xl">Adding site functionality</h3>
82+
<h3 class="text-xl font-semibold text-gray-900 md:text-2xl">
83+
Adding site functionality</h3>
5284
</div>
5385
<p class="text-neutral-500 text-center">
54-
Stop adding plugins for simple tasks. They can slow down your site. Create a JavaScript or PHP code block instead.
86+
Stop adding plugins for simple tasks as they can slow down your
87+
site. Create a JavaScript or PHP code block instead.
5588
</p>
5689
</div>
57-
<div class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">
90+
<div
91+
class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">
5892
<div class="space-y-5 flex flex-col items-center">
59-
<svg xmlns="http://www.w3.org/2000/svg" class="size-16 p-2.5 rounded bg-sky-100 text-sky-600" viewBox="0 0 24 24" fill="none">
60-
<path d="M12.1401 15.0701V13.11C12.1401 10.59 14.1801 8.54004 16.7101 8.54004H18.6701" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
61-
<path d="M5.62012 8.55005H7.58014C10.1001 8.55005 12.1501 10.59 12.1501 13.12V13.7701V17.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
62-
<path d="M7.14008 6.75L5.34009 8.55L7.14008 10.35" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
63-
<path d="M16.8601 6.75L18.6601 8.55L16.8601 10.35" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
64-
<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
93+
<svg xmlns="http://www.w3.org/2000/svg"
94+
class="size-16 p-2.5 rounded bg-sky-100 text-sky-600"
95+
viewBox="0 0 24 24" fill="none">
96+
<path
97+
d="M12.1401 15.0701V13.11C12.1401 10.59 14.1801 8.54004 16.7101 8.54004H18.6701"
98+
stroke="currentColor" stroke-width="1.5"
99+
stroke-linecap="round" stroke-linejoin="round" />
100+
<path
101+
d="M5.62012 8.55005H7.58014C10.1001 8.55005 12.1501 10.59 12.1501 13.12V13.7701V17.25"
102+
stroke="currentColor" stroke-width="1.5"
103+
stroke-linecap="round" stroke-linejoin="round" />
104+
<path d="M7.14008 6.75L5.34009 8.55L7.14008 10.35"
105+
stroke="currentColor" stroke-width="1.5"
106+
stroke-linecap="round" stroke-linejoin="round" />
107+
<path d="M16.8601 6.75L18.6601 8.55L16.8601 10.35"
108+
stroke="currentColor" stroke-width="1.5"
109+
stroke-linecap="round" stroke-linejoin="round" />
110+
<path
111+
d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
112+
stroke="currentColor" stroke-width="1.5"
113+
stroke-linecap="round" stroke-linejoin="round" />
65114
</svg>
66-
<h3 class="text-xl font-semibold text-gray-900 md:text-2xl">Third-party scripts</h3>
115+
<h3 class="text-xl font-semibold text-gray-900 md:text-2xl">
116+
Third-party scripts</h3>
67117
</div>
68118
<p class="text-neutral-500 text-center">
69-
Code blocks are perfect for adding scripts such as Google Analytics and chat widgets to your website.
70-
</p>
71-
</div>
72-
<div class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">
73-
<div class="space-y-5 flex flex-col items-center">
74-
<svg xmlns="http://www.w3.org/2000/svg" class="size-16 p-2.5 bg-green-100 rounded text-green-600" viewBox="0 0 24 24" fill="none">
75-
<path d="M2 2V19C2 20.66 3.34 22 5 22H22" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
76-
<path d="M5 17L9.59 11.64C10.35 10.76 11.7 10.7 12.52 11.53L13.47 12.48C14.29 13.3 15.64 13.25 16.4 12.37L21 7" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
77-
</svg>
78-
<h3 class="text-xl font-semibold text-gray-900 md:text-2xl">Fast site development</h3>
79-
</div>
80-
<p class="text-neutral-500 text-center">
81-
FTP? No thanks! Create code blocks for all your code snippets and scripts and view them all in one dashboard.
119+
Code blocks are perfect for adding scripts such as Google
120+
Analytics and chat widgets to your website.
82121
</p>
83122
</div>
84123
</div>
85124

86125
<!-- Youtube player start -->
87-
<div class="z-20 xl:flex items-center mx-auto justify-center hidden bg-white p-1 shadow-xl mt-10 lg:mt-24 max-w-lg h-full">
88-
<iframe class="w-full" height="300" src="https://www.youtube.com/embed/vYAKePVgJqE?si=n0rU6Uv8s_6pvhnF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
126+
<div
127+
class="z-20 xl:flex items-center mx-auto justify-center hidden bg-white p-1 shadow-xl mt-10 lg:mt-24 max-w-lg h-full">
128+
<iframe class="w-full" height="300"
129+
src="https://www.youtube.com/embed/vYAKePVgJqE?si=n0rU6Uv8s_6pvhnF"
130+
title="YouTube video player" frameborder="0"
131+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
132+
allowfullscreen></iframe>
89133
</div>
90134
<!-- Youtube player end -->
91135
</section>

0 commit comments

Comments
 (0)