Skip to content

Commit 0dd8009

Browse files
ghuronghuron
committed
Jan'25 snapshot of the home page
0 parents  commit 0dd8009

17 files changed

Lines changed: 1385 additions & 0 deletions

File tree

‎favicon-32x32.png‎

625 Bytes
Loading

‎index.html‎

Lines changed: 376 additions & 0 deletions
Large diffs are not rendered by default.

‎site.webmanifest‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

‎style.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
@charset "UTF-8";
2+
/*!
3+
Theme Name: Clean slate
4+
Version: 1.0
5+
*/
6+
@import url("assets/css/reset.css"); /* Resetting browser defaults */
7+
@import url("assets/css/fonts.css"); /* Loading of fonts needed */
8+
@import url("assets/css/typography.css"); /* Setting typography vars */
9+
@import url("assets/css/colors.css"); /* Setting color vars */
10+
@import url("assets/css/buttons.css"); /* Setting button styles */
11+
@import url("assets/css/chatbot.css"); /* Setting chatbot styles */
12+
@import url("assets/css/mobile.css") screen and (max-width: 767px); /* Loading mobile style */
13+
@import url("assets/css/tablet.css") screen and (min-width: 768px) and (max-width: 1239px); /* Loading tablet style */
14+
@import url("assets/css/desktop.css") screen and (min-width: 1240px); /* Loading desktop style */
15+
16+
.align-center {
17+
text-align: center;
18+
}

‎wp-content/themes/cleanslate/assets/css/colors.css‎

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
/* Main color */
2+
@property --primary-color {
3+
syntax: "<color>";
4+
inherits: true;
5+
initial-value: #E88213;
6+
}
7+
@property --primary-frame {
8+
syntax: "<color>";
9+
inherits: true;
10+
initial-value: #FBC289;
11+
}
12+
13+
/* Alerts color */
14+
@property --success-color {
15+
syntax: "<color>";
16+
inherits: true;
17+
initial-value: #22C55E;
18+
}
19+
@property --success-frame {
20+
syntax: "<color>";
21+
inherits: true;
22+
initial-value: #4ADE80;
23+
}
24+
@property --success-solid {
25+
syntax: "<color>";
26+
inherits: true;
27+
initial-value: #16A34A;
28+
}
29+
@property --warning-color {
30+
syntax: "<color>";
31+
inherits: true;
32+
initial-value: #FACC15;
33+
}
34+
@property --warning-frame {
35+
syntax: "<color>";
36+
inherits: true;
37+
initial-value: #FDE047;
38+
}
39+
@property --warning-solid {
40+
syntax: "<color>";
41+
inherits: true;
42+
initial-value: #EAB308;
43+
}
44+
@property --error-color {
45+
syntax: "<color>";
46+
inherits: true;
47+
initial-value: #F75555;
48+
}
49+
@property --error-frame {
50+
syntax: "<color>";
51+
inherits: true;
52+
initial-value: #FCA5A5;
53+
}
54+
@property --error-solid {
55+
syntax: "<color>";
56+
inherits: true;
57+
initial-value: #EF4444;
58+
}
59+
60+
/* Grayscale */
61+
@property --gray-50 {
62+
syntax: "<color>";
63+
inherits: true;
64+
initial-value: #F8FAFC;
65+
}
66+
@property --gray-100 {
67+
syntax: "<color>";
68+
inherits: true;
69+
initial-value: #F1F5F9;
70+
}
71+
@property --gray-200 {
72+
syntax: "<color>";
73+
inherits: true;
74+
initial-value: #E2E8F0;
75+
}
76+
@property --gray-300 {
77+
syntax: "<color>";
78+
inherits: true;
79+
initial-value: #CBD5E1;
80+
}
81+
@property --gray-400 {
82+
syntax: "<color>";
83+
inherits: true;
84+
initial-value: #94A3B8;
85+
}
86+
@property --gray-500 {
87+
syntax: "<color>";
88+
inherits: true;
89+
initial-value: #64748B;
90+
}
91+
@property --gray-600 {
92+
syntax: "<color>";
93+
inherits: true;
94+
initial-value: #475569;
95+
}
96+
@property --gray-700 {
97+
syntax: "<color>";
98+
inherits: true;
99+
initial-value: #334155;
100+
}
101+
@property --gray-800 {
102+
syntax: "<color>";
103+
inherits: true;
104+
initial-value: #1E293B;
105+
}
106+
@property --gray-900 {
107+
syntax: "<color>";
108+
inherits: true;
109+
initial-value: #0F1827;
110+
/*
111+
blue initial-value: #161E2D;
112+
* initial-value: #111A20;
113+
*/
114+
}
115+
116+
/* Just colors */
117+
@property --color-white {
118+
syntax: "<color>";
119+
inherits: true;
120+
initial-value: #FFFFFF;
121+
}
122+
@property --color-blue-light {
123+
syntax: "<color>";
124+
inherits: true;
125+
initial-value: #E9F4FF;
126+
}
127+
@property --color-violet {
128+
syntax: "<color>";
129+
inherits: true;
130+
initial-value: #8B5CF6;
131+
}
132+
@property --color-pink {
133+
syntax: "<color>";
134+
inherits: true;
135+
initial-value: #EC4899;
136+
}
137+
@property --color-teal {
138+
syntax: "<color>";
139+
inherits: true;
140+
initial-value: #2DD4BF;
141+
}
142+
@property --color-amber {
143+
syntax: "<color>";
144+
inherits: true;
145+
initial-value: #FBBF24;
146+
}
147+
@property --color-black {
148+
syntax: "<color>";
149+
inherits: true;
150+
initial-value: #0F1827;
151+
/*
152+
blue initial-value: #161E2D;
153+
initial-value: #0D1216;
154+
*/
155+
}
156+
157+
body {
158+
color: var(--color-black, #0F1827);
159+
/*
160+
blue color: var(--color-black, #161E2D);
161+
initial-value: #0D1216;
162+
*/
163+
}

‎wp-content/themes/cleanslate/assets/css/fonts.css‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
@charset "UTF-8";
2+
/* Custom fonts to use */
3+
4+
/* SF Pro Display
5+
@font-face {
6+
font-family: 'SF Pro Display';
7+
font-style: normal;
8+
font-weight: normal;
9+
font-display: auto;
10+
src: url('../fonts/SF-Pro-Display-Regular.ttf') format('truetype');
11+
}
12+
@font-face {
13+
font-family: 'SF Pro Display';
14+
font-style: normal;
15+
font-weight: 500;
16+
font-display: auto;
17+
src: url('../fonts/SF-Pro-Display-Medium.ttf') format('truetype');
18+
}
19+
@font-face {
20+
font-family: 'SF Pro Display';
21+
font-style: normal;
22+
font-weight: 600;
23+
font-display: auto;
24+
src: url('../fonts/SF-Pro-Display-Semibold.ttf') format('truetype');
25+
}
26+
@font-face {
27+
font-family: 'SF Pro Display';
28+
font-style: normal;
29+
font-weight: bold;
30+
font-display: auto;
31+
src: url('../fonts/SF-Pro-Display-Bold.ttf') format('truetype');
32+
}
33+
@font-face {
34+
font-family: 'SF Pro Display';
35+
font-style: normal;
36+
font-weight: 800;
37+
font-display: auto;
38+
src: url('../fonts/SF-Pro-Display-Heavy.ttf') format('truetype');
39+
}
40+
@font-face {
41+
font-family: 'SF Pro Display';
42+
font-style: normal;
43+
font-weight: 900;
44+
font-display: auto;
45+
src: url('../fonts/SF-Pro-Display-Black.ttf') format('truetype');
46+
}
47+
@font-face {
48+
font-family: 'SF Pro Display';
49+
font-style: normal;
50+
font-weight: 300;
51+
font-display: auto;
52+
src: url('../fonts/SF-Pro-Display-Light.ttf') format('truetype');
53+
}
54+
@font-face {
55+
font-family: 'SF Pro Display';
56+
font-style: normal;
57+
font-weight: 200;
58+
font-display: auto;
59+
src: url('../fonts/SF-Pro-Display-Thin.ttf') format('truetype');
60+
}
61+
*/

0 commit comments

Comments
 (0)