-
Notifications
You must be signed in to change notification settings - Fork 0
/
generated.html
140 lines (121 loc) · 3.72 KB
/
generated.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test Petition</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.container {
width: 100%;
max-width: 800px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
font-size: 14px;
}
.date-field, .id-field {
font-size: 12px;
}
.id-field {
color: #999;
}
.date-field {
margin-top: 10px;
}
.heading-container {
display: flex;
justify-content: center;
align-items: center;
}
.date-and-id {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.content {
margin-top: 20px;
}
.signatures {
width: 100%;
max-width: 800px;
margin: 30px auto 0;
text-align: right;
font-size: 12px;
}
.no-bullet-list {
list-style-type: none;
padding: 0;
}
.not-signed {
display: none;
}
.signature {
font-size: 10px;
color: #999;
font-style: italic;
}
.issuer-block {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
.feedbacks {
width: 100%;
max-width: 800px;
margin: 30px auto 0;
text-align: right;
font-size: 13px;
}
.feedback .signatures {
font-size: 10px;
color: #999;
font-style: italic;
}
</style>
</head>
<body>
<div class="container">
<!-- Heading of Petition -->
<div class="date-and-id container">
<span class="id-field">TEST_ID</span>
<span class="date-field">01/01/2020 12:00:00</span>
</div>
<div class="heading-container">
<h2>Test Petition Title</h2>
</div>
<!-- End of Heading -->
<!-- Content of Petition -->
<div class="content">
<p>Dear fellow open-source enthusiasts,
<br><br>
We are gathered here today to address a critical issue that has plagued our community for far too long. We need to stop the madness and bring some much-needed sanity to our projects.
<br>
We are, of course, referring to the use of Comic Sans in our code.
<br>
Yes, we know it's a funny font, and it brings a smile to your face. But let's be honest, it's not very professional. It's time to say goodbye to the days of code looking like a grade-schooler's art project.
<br>
We hereby petition all open-source projects to ban Comic Sans from their codebases. We suggest that projects adopt a strict policy of using only professional-looking fonts, such as Times New Roman or Arial.
<br>
Let's take our coding seriously and show the world that we mean business. Say no to Comic Sans and yes to professionalism!</p>
</div>
<!-- End of Content -->
<!-- Signatures of Petition -->
<div class="signatures signed">
<ul class="no-bullet-list">
<div class="issuer-block"><li>Muratcan Senturk</li><li class="signature">Signed by Muratcan Senturk at 24/06/2023 16:50:52</li></div>
</ul>
</div>
<!-- End of Signatures -->
<!-- Feedbacks of Petition -->
<div class="feedbacks">
<ul class="no-bullet-list">
{{feedbacks}}
</ul>
</div>
</div>
</body>
</html>