Skip to content

Commit b8bca21

Browse files
authored
Merge pull request #67 from coding-blocks/noncoding-templates
add noncoding template
2 parents 203a0ec + 28816e2 commit b8bca21

File tree

1 file changed

+194
-0
lines changed

1 file changed

+194
-0
lines changed

src/templates/noncoding.hbs

Lines changed: 194 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,194 @@
1+
<html>
2+
<style>
3+
html, body {
4+
margin: 0;
5+
padding: 0;
6+
box-sizing: border-box;
7+
}
8+
@font-face {
9+
font-family: "BebasNeue";
10+
src: url(fonts/BebasNeue-Bold.ttf) format('truetype');
11+
}
12+
13+
@font-face {
14+
font-family: "Dhanikans";
15+
src: url(fonts/Dhanikans_Signature_2_dafont.ttf) format("truetype");
16+
}
17+
18+
.container {
19+
border: 24px solid white;
20+
border-radius: 40px;
21+
height: 546px;
22+
position: relative;
23+
background-image: url('img/bg-competitive.jpg');
24+
background-size: cover;
25+
background-position: center;
26+
background-repeat: no-repeat;
27+
}
28+
29+
.logo-image {
30+
width: 170px;
31+
height: 58px;
32+
top: 34px;
33+
background-size: contain;
34+
background-repeat: no-repeat;
35+
}
36+
37+
.cb-image {
38+
background-image: url('img/cblogo.png');
39+
}
40+
41+
.cb-image.logo-image.bottom {
42+
top: 435px;
43+
left: 610px;
44+
}
45+
46+
.hellointern-image {
47+
background-image: url('img/hellointern.png')
48+
}
49+
50+
.text {
51+
color: white;
52+
position: absolute;
53+
left: 32px;
54+
font-family: Avenir;
55+
}
56+
57+
.completion {
58+
position: absolute;
59+
top: 127px;
60+
font-family: BebasNeue;
61+
font-size: 60px;
62+
color: white;
63+
}
64+
65+
.completion-sub {
66+
top: 184px;
67+
font-size: 19px;
68+
font-family: Avenir;
69+
}
70+
71+
.name {
72+
top: 243px;
73+
font-family: Dhanikans;
74+
text-transform: capitalize;
75+
font-size: 41px;
76+
}
77+
78+
.course-text {
79+
font-size: 20px;
80+
width: 462px;
81+
top: 333px
82+
}
83+
84+
.batch {
85+
top: 424px;
86+
font-size: 16px;
87+
}
88+
89+
.signature {
90+
top: 413px;
91+
left: 317px;
92+
font-size: 14px;
93+
94+
}
95+
96+
.signature.first {
97+
left: 210px;
98+
}
99+
100+
.signature.second {
101+
left: 400px;
102+
}
103+
104+
.signature > img {
105+
width: 88px;
106+
height: 33px;
107+
}
108+
109+
.verify {
110+
font-size: 10px;
111+
bottom: 22px;
112+
}
113+
114+
.course-logo {
115+
width: 149px;
116+
height: 172px;
117+
top: 62px;
118+
left: 591px;
119+
}
120+
121+
a {
122+
color: white;
123+
}
124+
125+
</style>
126+
<body>
127+
<div class="container">
128+
{{#if (eq data.run.domain "hellointern")}}
129+
<div class="logo-image cb-image text bottom"></div>
130+
<div class="logo-image hellointern-image text"></div>
131+
{{else}}
132+
<div class="logo-image cb-image text"></div>
133+
{{/if}}
134+
135+
<div class="completion text">CERTIFICATE OF COMPLETION </div>
136+
<div class="completion-sub text">This certificate is proudly presented to</div>
137+
<div class="name text">{{data.user.firstname}} {{data.user.lastname}}</div>
138+
<div class="course-text text">for successfully completing the Non Coding Subjects Bootcamp Placements Course
139+
by Coding Blocks
140+
</div>
141+
142+
<img src="img/certi-competitive.svg" alt="" class="course-logo text">
143+
144+
<div class="batch text">
145+
<div class="duration">{{data.run.startString}} - {{data.run.endString}}</div>
146+
<hr>
147+
<div>Batch</div>
148+
</div>
149+
150+
{{#if (eq data.run.domain "hellointern")}}
151+
<div class="signature text first">
152+
<img src="img/signmmgupta.png" alt="">
153+
<hr>
154+
<div>
155+
Manmohan Gupta <br>
156+
(Founder, Coding Blocks)
157+
</div>
158+
</div>
159+
<div class="signature text second">
160+
<img src="img/signaashish.png" alt="">
161+
<hr>
162+
<div>
163+
Aashish Malve<br>
164+
(Director, HelloIntern)
165+
</div>
166+
</div>
167+
{{else}}
168+
<div class="signature text">
169+
<img src="img/signmmgupta.png" alt="">
170+
<hr>
171+
<div>
172+
Manmohan Gupta <br>
173+
(Founder, Coding Blocks)
174+
</div>
175+
</div>
176+
{{/if}}
177+
178+
<div class="verify text">
179+
{{#if (eq data.run.domain "hellointern")}}
180+
The certificate can be verified at
181+
<a href="https://hellointern.codingblocks.com/certificates/CBOL-{{data.runAttempt.id}}-{{data.salt}}">
182+
https://hellointern.codingblocks.com/app/certificates/CBOL-{{data.runAttempt.id}}-{{data.salt}}
183+
</a>
184+
{{else}}
185+
<a href="https://online.codingblocks.com/certificates/CBOL-{{data.runAttempt.id}}-{{data.salt}}">
186+
https://online.codingblocks.com/certificates/CBOL-{{data.runAttempt.id}}-{{data.salt}}
187+
</a>
188+
{{/if}}
189+
</div>
190+
</div>
191+
192+
</body>
193+
194+
</html>

0 commit comments

Comments
 (0)