Skip to content

Commit 058543c

Browse files
chethan-b-hpechethan-b-hpe
committed
Fix build erorr of slack-invite page
1 parent ace794a commit 058543c

File tree

15 files changed

+514
-57
lines changed

15 files changed

+514
-57
lines changed

‎content/community/Slack.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "HPE Developer Slack Channel"
3-
link: https://slack.hpedev.io/
3+
link: /slack-signup
44
linkname: Join us on Slack
55
description: Have questions or just want to chat with other devs who work at HPE?
66
priority: 1

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,7 @@
5555
"remark": "^11.0.2",
5656
"strip-markdown": "^3.1.2",
5757
"styled-components": "^5.2.1",
58+
"sweetalert2": "^11.7.12",
5859
"typescript": "^4.2.2",
5960
"yup": "^0.32.11"
6061
},

‎src/components/Header/index.js

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,7 @@ function Header() {
7575
/>
7676
);
7777
});
78+
// eslint-disable-next-line no-unused-vars
7879
const elColumns = externalLinksColumn.map((el, index) => {
7980
const { slug, title } = el;
8081
return (
@@ -87,7 +88,7 @@ function Header() {
8788
/>
8889
);
8990
});
90-
const allLinks = [/* ...elColumns, */...glColumns];
91+
const allLinks = [/* ...elColumns, */ ...glColumns];
9192
return allLinks;
9293
};
9394
// const iframeRef = useRef();
@@ -205,7 +206,7 @@ function Header() {
205206
<TextAlignLeft>
206207
<GreenLakeButtonLinks column="left" />
207208
</TextAlignLeft>
208-
{/* <TextAlignLeft>
209+
{/* <TextAlignLeft>
209210
<GreenLakeButtonLinks column="right" />
210211
</TextAlignLeft> */}
211212
</Box>

‎src/css/style.css

Lines changed: 282 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,282 @@
1+
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
2+
3+
@font-face {
4+
font-family: 'Metric';
5+
font-style: normal;
6+
font-weight: 100;
7+
src: local('Metric Light'), local('Metric-Light'), url("../fonts/Metric-Light.woff") format('woff');
8+
}
9+
@font-face {
10+
font-family: 'Metric';
11+
font-style: normal;
12+
font-weight: 400;
13+
src: local('Metric Medium'), local('Metric-Medium'), url("../fonts/Metric-Medium.woff") format('woff');
14+
}
15+
@font-face {
16+
font-family: 'Metric';
17+
font-style: normal;
18+
font-weight: 600;
19+
src: local('Metric Bold'), local('Metric-Bold'), url("../fonts/Metric-Bold.woff") format('woff');
20+
}
21+
body {
22+
background-color:white;
23+
font-weight:400;
24+
display:block;
25+
margin-top:10px;
26+
/* padding-left: 80px;
27+
padding-right: 80px; */
28+
align-items: center;
29+
}
30+
div {
31+
display: block;
32+
}
33+
*, :after, :before {
34+
box-sizing: inherit;
35+
}
36+
main{
37+
display: flex;
38+
box-sizing: border-box;
39+
max-width: 100%;
40+
min-width: 0px;
41+
min-height: 0px;
42+
flex-direction: column;
43+
flex: 0 0 auto;
44+
overflow: visible;
45+
font-family: Metric, Arial, sans-serif;
46+
font-size: 18px;
47+
line-height: 24px;
48+
background-color: rgb(255, 255, 255);
49+
color: rgb(68, 68, 68);
50+
box-sizing: border-box;
51+
text-size-adjust: 100%;
52+
-webkit-font-smoothing: antialiased;
53+
flex: 0 1 1536px; }
54+
.swal2-popup a {
55+
color:rgb(27, 151, 108);
56+
/* Set the desired color for the anchor element */
57+
}
58+
59+
.blogo {
60+
display: flex;
61+
box-sizing: border-box;
62+
max-width: 100%;
63+
-webkit-box-align: center;
64+
align-items: center;
65+
min-width: 0px;
66+
min-height: 0px;
67+
flex-direction: row;
68+
padding: 96px;}
69+
.info {
70+
display: flex;
71+
box-sizing: border-box;
72+
max-width: 100%;
73+
min-width: 0px;
74+
min-height: 0px;
75+
flex-direction: column;
76+
}
77+
78+
.hpe-developer-community
79+
{
80+
margin-top: 2px;
81+
margin-bottom: 2px;
82+
margin-right:100%;
83+
font-size: 88px;
84+
line-height: 94px;
85+
max-width: 2122px;
86+
font-weight:900;
87+
position: relative;
88+
/* transform:scale(1,1); */
89+
}
90+
91+
h1 {
92+
display: block;
93+
font-size: 2em;
94+
margin-block-start: 0.67em;
95+
margin-block-end: 0.67em;
96+
margin-inline-start: 0px;
97+
margin-inline-end: 0px;
98+
font-weight: bold;
99+
}
100+
101+
.para {
102+
font-size: 22px;
103+
/* line-height: 28px; */
104+
max-width: 538px;
105+
}
106+
107+
p {
108+
display: block;
109+
margin-block-start: 1em;
110+
margin-block-end: 1em;
111+
margin-inline-start: 0px;
112+
margin-inline-end: 0px;
113+
}
114+
115+
p.email{
116+
font-size:x-large;
117+
font-weight:bolder;
118+
color:rgb(27, 151, 108);
119+
}
120+
121+
img {
122+
max-width:100%;
123+
height:auto;
124+
overflow-clip-margin: content-box;
125+
overflow-x:clip;
126+
overflow-y:hidden;
127+
color:#ffffff;
128+
padding-left:9px;
129+
}
130+
.container{
131+
display: flex;
132+
gap:3%;
133+
}
134+
.column2{
135+
flex: 0 0 auto;
136+
align-self: stretch;
137+
width: 96px;
138+
139+
}
140+
.column3{
141+
box-sizing: border-box;
142+
max-width: 100%;
143+
-webkit-box-align: center;
144+
align-items: center;
145+
min-width: 0px;
146+
min-height: 0px;
147+
flex-direction: column;
148+
}
149+
150+
.hero-pic{
151+
position: relative;
152+
}
153+
154+
.content
155+
{
156+
width:450px;
157+
background-color: black;
158+
margin-left:500px;
159+
height:50px;
160+
margin-top:-55px;
161+
}
162+
.information
163+
{
164+
background-color: rgb(23, 235, 160);
165+
height:50px;
166+
width: 450px;
167+
}
168+
.form{
169+
padding-top:10px;
170+
height: 50px;
171+
width: 450px;
172+
/* box-shadow:px rgb(23, 235, 160); */
173+
position: relative;
174+
}
175+
176+
input.field:hover{
177+
background-color: white;
178+
height:50px;
179+
width:450px;
180+
border:5px rgb(33, 182, 130);
181+
outline-style:solid;
182+
outline-color: rgb(33, 182, 130);
183+
outline-width:8px;
184+
font-size:20px;
185+
padding-left:10px;
186+
cursor:text;
187+
188+
}
189+
.field{
190+
background-color:white;
191+
height:50px;
192+
width:450px;
193+
border:10px black;
194+
border-color: black;
195+
outline-style:solid;
196+
outline-color: black;
197+
outline-width:5px;
198+
font-size:20px;
199+
padding-left:10px;
200+
}
201+
.submit{
202+
background-color: white;
203+
/* transform: rotate(-90deg); */
204+
width:50px;
205+
height:30px;
206+
float:right;
207+
margin-top:-38px;
208+
margin-right:5px;
209+
border: 5px rgb(23, 143, 101);
210+
cursor:pointer;
211+
position:relative;
212+
}
213+
.image1 {
214+
width: 450px;
215+
height: auto;
216+
margin-left: 350px;
217+
display: block;
218+
bottom: 0;
219+
position: absolute;
220+
max-width: 500px;
221+
right: 0;
222+
z-index: 5;
223+
}
224+
/* @media only screen and (max-width: 420px)
225+
{
226+
.form{
227+
max-width:fit-content;
228+
}
229+
.para{
230+
font-size:xx-small;
231+
display:none;
232+
}
233+
.field{
234+
width:50%;
235+
}
236+
.heropic{
237+
margin-right:-5%;
238+
}
239+
} */
240+
@media only screen and (min-width: 480px) and (max-width: 1080px)
241+
{
242+
body{
243+
margin-right:5%;
244+
margin-left:5%;
245+
}
246+
.para{
247+
font-size:14px;
248+
display: inline;
249+
clear:both;
250+
}
251+
.column2{
252+
display: none; }
253+
p.email{
254+
display:inline-block;
255+
font-size: 20px;
256+
overflow:hidden;
257+
}
258+
.hpe-developer-community{
259+
float:inherit;
260+
font-size: 40px;
261+
line-height: 100%;
262+
flex-wrap:wrap;
263+
264+
}
265+
.hero-pic{
266+
max-width:200px;
267+
margin-right: -40px;
268+
position:relative;
269+
flex-basis:auto;
270+
margin-left:10%;
271+
/* display: flex; */
272+
}
273+
}
274+
275+
input:-webkit-autofill {
276+
background-color: #425563 !important;
277+
color: white !important;
278+
}
279+
.g-recaptcha, .g-recaptcha > div {
280+
margin: auto;
281+
}
282+

‎src/fonts/Metric-Bold.woff

30.3 KB
Binary file not shown.

‎src/fonts/Metric-Light.woff

30.7 KB
Binary file not shown.

‎src/fonts/Metric-Medium.woff

29 KB
Binary file not shown.

0 commit comments

Comments
 (0)