Skip to content

Commit 884af7f

Browse files
Edwinhr716yankay
Edwinhr716
and
yankay
authored
Creating LWS site (#426)
* adding initial file structure for site * added basic content to the site * updated npm packages * cleanup jobset->leaderWorkerSet * added images, fixed broken links * added missing logo * update logo svg --------- Co-authored-by: Kay Yan <kay.yan@daocloud.io>
1 parent 8c83a52 commit 884af7f

44 files changed

Lines changed: 2440 additions & 0 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎netlify.toml‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
[build]
2+
base = "site"
3+
publish = "public"
4+
command = "npm install && hugo --gc --minify"
5+
6+
[context.deploy-preview.environment]
7+
HUGO_VERSION = "0.92.0"
8+
NODE_VERSION = "16"
9+
10+
[context.production.environment]
11+
HUGO_VERSION = "0.92.0"
12+
HUGO_ENV = "production"
13+
NODE_VERSION = "16"
14+
15+
[context.branch-deploy.environment]
16+
HUGO_VERSION = "0.92.0"
17+
NODE_VERSION = "16"

‎site/.gitignore‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
public/
2+
3+
# Modules generated by node.js for CSS editing
4+
node_modules/
5+
6+
# Resources directory generated by Hugo local build
7+
resources/
8+
9+
.hugo_build.lock

‎site/OWNERS‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# See the OWNERS docs at https://go.k8s.io/owners
2+
3+
approvers:
4+
- ahg-g
5+
- edwinhr716
6+
- kerthcet

‎site/archetypes/default.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
title: "{{ replace .Name "-" " " | title }}"
3+
date: {{ .Date }}
4+
draft: true
5+
---

‎site/assets/icons/logo.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎site/assets/scss/_styles_project.scss‎

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
// --------------------------------------------------
2+
// remove whitespace after footer
3+
// --------------------------------------------------
4+
footer {
5+
min-height: auto;
6+
}
7+
8+
// --------------------------------------------------
9+
// prevent overflow of long names in sidebar
10+
// --------------------------------------------------
11+
.td-sidebar-nav__section > ul {
12+
overflow-wrap: break-word;
13+
}
14+
15+
.td-overlay--dark::after {
16+
background-color: rgba(33, 61, 122, 0.6);
17+
}
18+
19+
#main_navbar {
20+
justify-content: end;
21+
padding-right: 16px;
22+
}
23+
24+
.row > * {
25+
flex-shrink: 1;
26+
}
27+
28+
.row > .container {
29+
max-width: 1200px;
30+
}
31+
32+
// --------------------------------------------------
33+
// custom navbar with larger logo, dropdown on mobile
34+
// --------------------------------------------------
35+
.td-navbar {
36+
min-height: auto;
37+
38+
.navbar-brand {
39+
margin: 0;
40+
padding: 0;
41+
42+
.text-uppercase {
43+
display: none;
44+
}
45+
46+
.navbar-logo {
47+
svg {
48+
display: inline-block;
49+
position: absolute;
50+
top: 0;
51+
z-index: 33;
52+
padding: 10px;
53+
height: 95px;
54+
background: white;
55+
border: 2px solid #4279f4;
56+
border-top: none;
57+
58+
@include media-breakpoint-down(md) {
59+
width: 80px;
60+
height: auto;
61+
padding: 6px;
62+
}
63+
}
64+
}
65+
}
66+
67+
.navbar-nav {
68+
@include media-breakpoint-down(md) {
69+
font-size: .875rem;
70+
.dropdown {
71+
min-width: inherit;
72+
}
73+
}
74+
}
75+
}
76+
77+
.td-sidebar {
78+
padding-bottom: 0.5rem;
79+
80+
.td-sidebar__inner {
81+
padding-top: 30px;
82+
83+
@include media-breakpoint-down(md) {
84+
padding-top: 10px;
85+
}
86+
}
87+
}
88+
89+
.td-sidebar-toc {
90+
@supports (position: sticky) {
91+
position: sticky;
92+
top: 60px;
93+
height: calc(100vh - 120px);
94+
overflow-y: auto;
95+
}
96+
}
97+
98+
99+
// --------------------------------------------------
100+
// 404 page
101+
// --------------------------------------------------
102+
.error-page {
103+
margin-top: 120px;
104+
105+
ul {
106+
margin-bottom: 50px;
107+
list-style-type: none;
108+
display: flex;
109+
align-items: center;
110+
justify-content: center;
111+
flex-wrap: wrap;
112+
padding-left: 0;
113+
}
114+
115+
li {
116+
margin-left: 10px;
117+
margin-right: 10px;
118+
}
119+
120+
h1 {
121+
text-align: center;
122+
margin-bottom: 20px;
123+
}
124+
125+
@media (min-width: 768px) and (max-width: 991px) {
126+
margin-top: 100px;
127+
}
128+
129+
@media (max-width: 767px) {
130+
margin-top: 50px;
131+
}
132+
}
133+
134+
figcaption {
135+
font-size: 0.8rem;
136+
text-align: center;
137+
font-style: italic;
138+
color: #6c757d;
139+
}
140+
141+
// --------------------------------------------------
142+
// for tabbed code blocks
143+
// --------------------------------------------------
144+
.nav-tabs {
145+
border-bottom: none !important;
146+
}
147+
148+
.td-content > ul li,
149+
.td-content > ol li.nav-item {
150+
margin-bottom: 0px;
151+
}
152+
153+
.td-content .tab-content .highlight {
154+
margin: 0;
155+
}
156+
157+
.tab-pane {
158+
border-radius: 0.25rem;
159+
padding: 0 16px 16px;
160+
161+
border: 1px solid #dee2e6;
162+
163+
&:first-of-type.active {
164+
border-top-left-radius: 0;
165+
}
166+
}
167+
168+
nav.foldable-nav .ul-1 .with-child>label:hover:before {
169+
transform: none;
170+
}
171+
172+
nav.foldable-nav .ul-1 .with-child>input:checked~label:hover:before {
173+
transform: rotate(90deg) !important;
174+
}

‎site/assets/scss/_variables_project.scss‎

Lines changed: 151 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,151 @@
1+
/*
2+
Add styles or override the theme's variables here.
3+
*/
4+
5+
html.smooth-scroll {
6+
scroll-behavior: smooth;
7+
}
8+
9+
// Theme colors
10+
$primary: #4279f4;
11+
$secondary: #fff;
12+
$dark: #213d7a;
13+
$info: #adb5bd;
14+
$light: #dee2e6;
15+
16+
// Nav bar colors
17+
$white: #fff;
18+
$navbar-dark-color: rgba($white, 1);
19+
$navbar-dark-hover-color: rgba($white, 0.75);
20+
$navbar-dark-active-color: $navbar-dark-color;
21+
22+
// Fonts
23+
$google_font_family: "Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap" !default;
24+
25+
// Front page styling
26+
.card-img-top {
27+
object-fit: scale-down;
28+
}
29+
30+
.text-white {
31+
font-weight: 400;
32+
}
33+
34+
.bg-primary-dark {
35+
background-color: $dark;
36+
37+
a {
38+
border-bottom: 1px dotted paleturquoise;
39+
40+
color: paleturquoise !important;
41+
font-weight: 600;
42+
padding: 0 2px 1px 2px;
43+
text-decoration: none;
44+
45+
&:hover {
46+
border-bottom: 1px dotted #fff;
47+
48+
color: #fff !important;
49+
}
50+
}
51+
}
52+
53+
.border-primary-dark {
54+
border-color: $info !important;
55+
}
56+
57+
.section-head {
58+
font-size: 1.25em;
59+
color: $primary;
60+
font-weight: bold;
61+
padding: 0 0 1em 0;
62+
}
63+
64+
.contain {
65+
margin: 0 auto;
66+
max-width: 1200px; }
67+
68+
.image {
69+
display: block; }
70+
.image img {
71+
display: block;
72+
width: 100%;
73+
height: auto; }
74+
.image.left, .image.right {
75+
max-width: 45%; }
76+
.image.left::after, .image.right::after {
77+
clear: both;
78+
content: "";
79+
display: block; }
80+
.image.left {
81+
float: left;
82+
margin: 0 1.5em 1.5em 0; }
83+
.image.right {
84+
float: right;
85+
margin: 0 0 1.5em 1.5em; }
86+
87+
#overview, #community {
88+
padding: 6em 1.5em 3em 1.5em;
89+
text-align: center;
90+
margin: 0; }
91+
#overview p, #community p {
92+
font-size: 1.125em;}
93+
94+
#overview {
95+
border-bottom: 2px solid #b6d0ff;
96+
}
97+
98+
#community {
99+
border-top: 2px solid #b6d0ff;
100+
}
101+
102+
#pageContent .lead {
103+
margin: 0 1.5em 3em 1.5em;}
104+
#pageContent .lead > .image {
105+
padding: 0 1.5em;
106+
max-width: 60%;
107+
margin-bottom: 1.5em; }
108+
#pageContent .lead > .text p {
109+
font-size: 1em; }
110+
111+
@media screen and (min-width: 480px) {
112+
#overview, #community {
113+
font-size: 1.125em; }
114+
#pageContent .lead > .image {
115+
max-width: 35%;
116+
margin-bottom: 3em; }
117+
#pageContent .lead > .text p {
118+
font-size: 1em; } }
119+
120+
@media screen and (min-width: 769px) {
121+
#pageContent .lead {
122+
margin-top: 1em;
123+
display: -ms-flexbox;
124+
display: flex;
125+
-ms-flex-direction: row;
126+
flex-direction: row;
127+
-ms-flex-wrap: nowrap;
128+
flex-wrap: nowrap;
129+
-ms-flex-pack: justify;
130+
justify-content: space-between;
131+
-ms-flex-align: stretch;
132+
align-items: stretch; }
133+
#pageContent .lead > * {
134+
-ms-flex: 0 1 auto;
135+
flex: 0 1 auto; }
136+
#pageContent .lead > .image {
137+
display: block;
138+
margin: 0 auto;
139+
max-width: 100%; }
140+
#pageContent .lead > .image > img {
141+
max-width: 80%;
142+
margin: 0 auto; }
143+
#pageContent .lead > .text {
144+
-ms-flex-preferred-size: 70%;
145+
flex-basis: 70%; }
146+
#pageContent .lead:nth-child(2n+0) > .image {
147+
-ms-flex-order: 2;
148+
order: 2; }
149+
#pageContent .lead:nth-child(2n+0) > .text {
150+
-ms-flex-order: 1;
151+
order: 1; } }

0 commit comments

Comments
 (0)