diff options
Diffstat (limited to 'data/gns/gns-bcd-simple.html')
-rw-r--r-- | data/gns/gns-bcd-simple.html | 177 |
1 files changed, 177 insertions, 0 deletions
diff --git a/data/gns/gns-bcd-simple.html b/data/gns/gns-bcd-simple.html new file mode 100644 index 000000000..11b99e2b1 --- /dev/null +++ b/data/gns/gns-bcd-simple.html | |||
@@ -0,0 +1,177 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta charset="utf-8"/> | ||
5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
6 | <title>Create your GNU Name System Business Card</title> | ||
7 | <style> | ||
8 | /* "Reset" values */ | ||
9 | html { | ||
10 | box-sizing: border-box; | ||
11 | } | ||
12 | *, *:before, *:after { | ||
13 | box-sizing: inherit; | ||
14 | } | ||
15 | body { | ||
16 | font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; | ||
17 | font-size: 1rem; | ||
18 | font-weight: 400; | ||
19 | line-height: 1.5; | ||
20 | background-color: #ffffff; | ||
21 | color: #212121; | ||
22 | margin: 0; | ||
23 | } | ||
24 | h1, h2, h3, h4, h5 { | ||
25 | margin-top: 0px; | ||
26 | margin-bottom: 0.5rem; | ||
27 | font-weight: 500; | ||
28 | } | ||
29 | p { | ||
30 | margin-top: 0px; | ||
31 | margin-bottom: 1rem; | ||
32 | } | ||
33 | fieldset{ | ||
34 | margin: 0px; | ||
35 | padding: 0px; | ||
36 | border: 0px; | ||
37 | min-width: 0px; | ||
38 | } | ||
39 | label { | ||
40 | display: inline-block; | ||
41 | } | ||
42 | input { | ||
43 | margin: 0px; | ||
44 | font-family: inherit; | ||
45 | font-size: inherit; | ||
46 | line-height: inherit; | ||
47 | } | ||
48 | /* "Component" values */ | ||
49 | .gns-container { | ||
50 | max-width: 100%; | ||
51 | margin-left: auto; | ||
52 | margin-right: auto; | ||
53 | } | ||
54 | .gns-header { | ||
55 | padding-top: 1rem; | ||
56 | padding-bottom: 0.25rem; | ||
57 | } | ||
58 | .gns-form-group { | ||
59 | margin-bottom: 1.5rem; | ||
60 | } | ||
61 | .gns-field:not(:last-child) { | ||
62 | margin-bottom: 1rem; | ||
63 | } | ||
64 | .gns-label { | ||
65 | margin-bottom: 0.25rem; | ||
66 | } | ||
67 | .gns-text-input { | ||
68 | display: block; | ||
69 | width: 100%; | ||
70 | padding: 0.375rem 0.75rem; | ||
71 | color: #212121; | ||
72 | background-color: #ffffff; | ||
73 | border: 1px solid #ced4da; | ||
74 | border-radius: 0.20rem; | ||
75 | } | ||
76 | .gns-text-input:focus { | ||
77 | box-shadow: 0px 0px 9px rgba(102, 175, 233, 0.5); | ||
78 | border: 1px solid rgb(102, 175, 233); | ||
79 | } | ||
80 | .gns-check-input { | ||
81 | width: 1rem; | ||
82 | height: 1rem; | ||
83 | margin-top: 0.25rem; | ||
84 | margin-right: 0.25rem; | ||
85 | } | ||
86 | .gns-button { | ||
87 | display: inline-block; | ||
88 | text-align: center; | ||
89 | text-decoraton: none; | ||
90 | vertical-align: middle; | ||
91 | cursor: pointer; | ||
92 | border: 1px solid transparent; | ||
93 | padding: 0.375rem 0.75rem; | ||
94 | border-radius: 0.20rem; | ||
95 | } | ||
96 | .gns-button:focus { | ||
97 | box-shadow: 0px 0px 9px rgba(200, 200, 200, 0.75); | ||
98 | border: 1px solid rgb(98, 98, 98); | ||
99 | } | ||
100 | @media (min-width: 576px) { | ||
101 | .gns-container { | ||
102 | max-width: 540px; | ||
103 | } | ||
104 | } | ||
105 | @media (min-width: 768px) { | ||
106 | .gns-container { | ||
107 | max-width: 720px; | ||
108 | } | ||
109 | } | ||
110 | @media (min-width: 992px) { | ||
111 | .gns-container { | ||
112 | max-width: 960px; | ||
113 | } | ||
114 | } | ||
115 | @media (min-width: 1200px) { | ||
116 | .gns-container { | ||
117 | max-width: 1140px; | ||
118 | } | ||
119 | } | ||
120 | @media (min-width: 1400px) { | ||
121 | .gns-container { | ||
122 | max-width: 1320px; | ||
123 | } | ||
124 | } | ||
125 | </style> | ||
126 | </head> | ||
127 | <body> | ||
128 | <div class="gns-container"> | ||
129 | <div class="gns-header"> | ||
130 | <h1>GNU Name System Business Card</h1> | ||
131 | <p>Please fill in the information below to generate your business | ||
132 | card.</p> | ||
133 | <p>Want a more detailed card? Use the <a href="/full">full | ||
134 | form</a>.</p> | ||
135 | </div> | ||
136 | <form name="gnsinput" action="/submit/simple" method="get"> | ||
137 | <fieldset class="gns-form-group"> | ||
138 | <div class="gns-field"> | ||
139 | <label class="gns-label" for="name">Full Name:</label> | ||
140 | <input class="gns-text-input" name="name" type="text" required> | ||
141 | </div> | ||
142 | <div class="gns-field"> | ||
143 | <label class="gns-label" for="email">E-mail:</label> | ||
144 | <input class="gns-text-input" name="email" type="email" required> | ||
145 | </div> | ||
146 | <div class="gns-field"> | ||
147 | <label class="gns-label" for="homepage">Homepage:</label> | ||
148 | <input class="gns-text-input" name="homepage" type="text" required> | ||
149 | </div> | ||
150 | </fieldset> | ||
151 | <fieldset class="gns-form-group"> | ||
152 | <div class="gns-field"> | ||
153 | <label class="gns-label" for="gnskey">GNS Public Key</label> | ||
154 | <input class="gns-text-input" name="gnskey" type="text" required> | ||
155 | </div> | ||
156 | <div class="gns-field"> | ||
157 | <label class="gns-label" for="gnsnick">GNS Nickname:</label> | ||
158 | <input class="gns-text-input" name="gnsnick" type="text" required> | ||
159 | </div> | ||
160 | </fieldset> | ||
161 | <fieldset class="gns-form-group"> | ||
162 | <div class="gns-field"> | ||
163 | <input class="gns-check-input" name="gnspng" id="gnspng" type="checkbox" value="true"> | ||
164 | <label class="gns-label" for="gnspng">Generate only QR Code (as PNG)</label> | ||
165 | </div> | ||
166 | </fieldset> | ||
167 | <fieldset class="gns-form-group"> | ||
168 | <div class="gns-field"> | ||
169 | <input class="gns-button" | ||
170 | type="submit" | ||
171 | value="Generate Business Card"> | ||
172 | </div> | ||
173 | </fieldset> | ||
174 | </form> | ||
175 | </div> | ||
176 | </body> | ||
177 | </html> | ||