Skip to content
This repository was archived by the owner on Jun 14, 2024. It is now read-only.

Commit bcc184c

Browse files
author
Chandra Pratap
authored
Devops starter for Github sample repo : Static html container (#272)
* initial commit * chnaged actions index * updated readme file
1 parent fde04b7 commit bcc184c

19 files changed

+791
-0
lines changed

‎github/html/containerWithTests/Application/Dockerfile‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
FROM nginx
2+
LABEL maintainer="Azure App Service Container Images <[email protected]>"
3+
COPY . /usr/share/nginx/html

‎github/html/containerWithTests/Application/css/site.css‎

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
html,
2+
body {
3+
height: 100%;
4+
width: 100%;
5+
padding: 0;
6+
margin: 0;
7+
}
8+
@font-face{
9+
font-family: "Segoe UI";
10+
src: url('../fonts/segoeuil.ttf');
11+
}
12+
.main-container {
13+
height: 100%;
14+
width: 100%;
15+
background-color: #1d539d;
16+
color: white;
17+
padding-top: 6%;
18+
box-sizing: border-box;
19+
overflow-y: auto;
20+
overflow-x: hidden;
21+
font-family: "Segoe UI";
22+
}
23+
24+
.cloud-image {
25+
width: 1200px;
26+
height: 250px;
27+
padding-bottom: 50px;
28+
margin: auto;
29+
}
30+
31+
.success-text {
32+
padding-bottom: 20px;
33+
font-size: 62px;
34+
line-height: 73px;
35+
}
36+
37+
.description {
38+
font-size: 34px;
39+
line-height: 40px;
40+
}
41+
42+
.next-steps-container {
43+
padding-top: 50px;
44+
}
45+
46+
.next-steps-header {
47+
font-size: 24px;
48+
line-height: 28px;
49+
padding-bottom: 25px;
50+
}
51+
52+
.next-steps-body {
53+
display: flex;
54+
flex-direction: column;
55+
}
56+
57+
.step {
58+
display: flex;
59+
margin: 7px 0px;
60+
font-size: 15px;
61+
line-height: 21px;
62+
}
63+
64+
.step-icon {
65+
height: 20px;
66+
width: 20px;
67+
margin-right: 10px;
68+
}
69+
70+
.step-text a {
71+
color: white;
72+
text-decoration: none;
73+
}
74+
75+
.step-text a:hover {
76+
color: white;
77+
text-decoration:underline;
78+
}
79+
80+
.content {
81+
box-sizing: border-box;
82+
min-width: 700px;
83+
max-width: 830px;
84+
position: relative;
85+
margin: auto;
86+
}
87+
88+
.tweet-container {
89+
min-width: 30px;
90+
min-height: 100px;
91+
margin: 0 20px;
92+
position: absolute;
93+
left: -100px;
94+
top: 110px;
95+
}
96+
.content-body{
97+
min-width: 400px;
98+
}
99+
100+
@media (max-width: 1024px) {
101+
.main-container{
102+
padding-top: 1%;
103+
}
104+
.cloud-image {
105+
padding-bottom: 30px;
106+
}
107+
.next-steps-container {
108+
padding-top: 30px;
109+
}
110+
.next-steps-header {
111+
padding-bottom: 20px;
112+
}
113+
.success-text {
114+
font-size: 50px;
115+
line-height: 61px;
116+
padding-bottom: 10px;
117+
}
118+
.description {
119+
font-size: 26px;
120+
line-height: 30px;
121+
}
122+
123+
.step {
124+
font-size: 12px;
125+
line-height: 18px;
126+
}
127+
.tweet-container {
128+
top: 80px;
129+
}
130+
.content{
131+
max-width: 630px;
132+
min-width: 630px;
133+
}
134+
}

‎github/html/containerWithTests/Application/fonts/segoeuil.ttf‎

789 KB
Binary file not shown.

‎github/html/containerWithTests/Application/img/cloneWhite.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎github/html/containerWithTests/Application/img/deployWhite.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎github/html/containerWithTests/Application/img/lightbulbWhite.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎github/html/containerWithTests/Application/img/stackWhite.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎github/html/containerWithTests/Application/img/successCloudNew.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎github/html/containerWithTests/Application/img/tweetThis.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎github/html/containerWithTests/Application/index.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!Doctype html>
2+
<html>
3+
4+
<head>
5+
<title>HTML Application</title>
6+
<link href="css/site.css" rel="stylesheet">
7+
</head>
8+
9+
<body>
10+
<div class="main-container">
11+
<div class="cloud-image">
12+
<img src="img/successCloudNew.svg" />
13+
</div>
14+
<div class="content">
15+
<div class="tweet-container">
16+
<a href="http://twitter.com/intent/tweet/?text=I%20just%20created%20a%20new%20Html%20Website%20website%20on%20Azure%20using%20GitHub%20workflow&hashtags=GitHub%2CGitHubWorkflow%20%40Azure">
17+
<img src="img/tweetThis.svg" />
18+
</a>
19+
</div>
20+
<div class="content-body">
21+
<div class="success-text">Success!</div>
22+
<div class="description line-1"> GitHub workflow has been successfully setup</div>
23+
<div class="description line-2"> Your HTML app is up and running on Azure</div>
24+
<div class="next-steps-container">
25+
<div class="next-steps-header">Next up</div>
26+
<div class="next-steps-body">
27+
<div class="step">
28+
<div class="step-icon">
29+
<img src="img/cloneWhite.svg">
30+
</div>
31+
<div class="step-text"><a href="https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository" target="_blank">Clone your code repository and start developing your application on IDE of your choice</a></div>
32+
</div>
33+
<div class="step">
34+
<div class="step-icon">
35+
<img src="img/deployWhite.svg">
36+
</div>
37+
<div class="step-text"><a href="https://docs.github.com/en/actions" target="_blank">Learn more about all you can do with Github Actions by visiting the documentation</a></div>
38+
</div>
39+
<div class="step">
40+
<div class="step-icon">
41+
<img src="img/stackWhite.svg">
42+
</div>
43+
<div class="step-text"><a href="http://portal.azure.com" target="_blank">View your service stack in the Azure Portal</a></div>
44+
</div>
45+
<div class="step">
46+
<div class="step-icon">
47+
<img src="img/lightbulbWhite.svg">
48+
</div>
49+
<div class="step-text"><a href="https://docs.github.com" target="_blank">Learn more about all you can do with Github by visiting the documentation</a></div>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
56+
</body>
57+
58+
</html>

0 commit comments

Comments
 (0)