Skip to content

Commit 72d7008

Browse files
braden-patebraden-pate
committed
siemens edits to signature, initial update
1 parent 353c820 commit 72d7008

File tree

3 files changed

+337
-23
lines changed

3 files changed

+337
-23
lines changed

‎images/siemens.png‎

2.56 KB
Loading

‎index.html‎

Lines changed: 97 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
2-
31
<!DOCTYPE html>
42
<html lang="en">
53
<head>
@@ -105,14 +103,42 @@ <h2 style="margin-bottom:0px;">Add Your Information</h2>
105103
<label for="pronouns">Pronouns</label>
106104
<input type="text" id="pronouns" placeholder="Your Pronouns (e.g., they/them)">
107105

108-
<label for="title">Title</label>
109-
<input type="text" id="title" placeholder="Your Title">
106+
<label for="companyname">Company Name</label>
107+
<input type="text" id="companyname" placeholder="Company Name">
108+
109+
<label for="businessname">Business Name</label>
110+
<input type="text" id="businessname" placeholder="Business Name">
111+
112+
<label for="businessunitname">Business Unit</label>
113+
<input type="text" id="businessunitname" placeholder="Business Unit">
114+
115+
<label for="departmentorgname">Department Org Name</label>
116+
<input type="text" id="departmentorgname" placeholder="Department Org Name">
117+
118+
<label for="orgcode">Org Code</label>
119+
<input type="text" id="orgcode" placeholder="Org Code">
120+
121+
<label for="street">Street</label>
122+
<input type="text" id="street" placeholder="Street Address">
123+
124+
<label for="zipcode">Zip Code</label>
125+
<input type="text" id="zipcode" placeholder="Zip Code">
126+
127+
<label for="city">City</label>
128+
<input type="text" id="city" placeholder="City">
110129

111-
<label for="department">Department</label>
112-
<input type="text" id="department" placeholder="Your Department">
130+
<label for="country">Country</label>
131+
<input type="text" id="country" placeholder="Country">
113132

114133
<label for="phone">Phone</label>
115-
<input type="text" id="phone" placeholder="Your Phone Number">
134+
<input type="text" id="phone" placeholder="Office Phone Number">
135+
136+
<label for="fax">Fax</label>
137+
<input type="text" id="fax" placeholder="Fax Number">
138+
139+
<label for="mobile">Mobile</label>
140+
<input type="text" id="mobile" placeholder="Mobile Number">
141+
116142

117143
<label for="email">Email</label>
118144
<input type="email" id="email" placeholder="Your Email">
@@ -161,32 +187,67 @@ <h4 style="padding-top:20px;">Made by the Brand Team</h4>
161187
function generateSignature() {
162188
const name = document.getElementById('name').value;
163189
const pronouns = document.getElementById('pronouns').value;
164-
const title = document.getElementById('title').value;
165-
const department = document.getElementById('department').value;
166-
const phone = document.getElementById('phone').value;
167190
const email = document.getElementById('email').value;
191+
const companyname = document.getElementById('companyname').value;
192+
const businessname = document.getElementById('businessname').value;
193+
const businessunitname = document.getElementById('businessunitname').value;
194+
const departmentorgname = document.getElementById('departmentorgname').value;
195+
const orgcode = document.getElementById('orgcode').value;
196+
const street = document.getElementById('street').value;
197+
const zipcode = document.getElementById('zipcode').value;
198+
const city = document.getElementById('city').value;
199+
const country = document.getElementById('country').value;
200+
const phone = document.getElementById('phone').value;
201+
const fax = document.getElementById('fax').value;
202+
const mobile = document.getElementById('mobile').value;
168203

169-
const pronounsText = pronouns ? ` <span style="font-weight: normal; font-size: 10px;">(${pronouns})</span>` : '';
204+
const pronounsText = pronouns ? ` <span style="font-weight: normal; font-size: 8px;">—${pronouns}</span>` : '';
170205

171206
const signatureHTML = `
172-
<table style="font-family: Arial, sans-serif; color: #333; font-size: 12px; line-height: 1; border-spacing: 0; border-collapse: collapse; width: 100%;">
207+
<table style="font-family: Arial, sans-serif; color: #000000; font-size: 10px; line-height: 1; border-spacing: 0; border-collapse: collapse; width: 100%;">
173208
<!-- Name -->
209+
<tr style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; line-height: 12px;">
210+
<td>${name}<span style="font-size: 8px;">${pronounsText}</span></td>
211+
</tr>
212+
<!-- Company name and legal form -->
174213
<tr>
175-
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 12px; font-weight: bold; line-height: 12px;">
176-
${name}${pronounsText}
177-
</td>
214+
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; line-height: 12px;">${companyname}</td>
215+
</tr>
216+
<!-- Business Name -->
217+
<tr>
218+
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; color: #000000; line-height: 12px;">${businessname}</td>
178219
</tr>
179-
<!-- Title -->
220+
<!-- Business Unit name -->
180221
<tr>
181-
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 12px; line-height: 12px;">${title}</td>
222+
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; color: #000000; line-height: 12px;">${businessunitname}</td>
182223
</tr>
183-
<!-- Department -->
224+
<!-- Department OrgName -->
184225
<tr>
185-
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 12px; color: #333; line-height: 12px;">${department}</td>
226+
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; color: #000000; line-height: 12px;">${departmentorgname}</td>
227+
</tr>
228+
<!-- OrgCode -->
229+
<tr>
230+
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; color: #000000; line-height: 12px;">${orgcode}</td>
231+
</tr>
232+
<!-- Street -->
233+
<tr>
234+
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; color: #000000; line-height: 12px;">${street}</td>
235+
</tr>
236+
<!-- ZIP/postal code and city, country -->
237+
<tr>
238+
<td style="font-family: Arial, sans-serif; padding: 0; font-size: 10px; color: #000000; line-height: 12px;">${zipcode} ${city}, ${country}</td>
186239
</tr>
187240
<!-- Phone -->
188241
<tr>
189-
<td style="font-family: Arial, sans-serif; padding: 10px 0 0 0; font-size: 10px; line-height: 10px;">${phone}</td>
242+
<td style="font-family: Arial, sans-serif; padding: 10px 0 0 0; font-size: 10px; line-height: 10px;">Tel.: ${phone}</td>
243+
</tr>
244+
<!-- Fax -->
245+
<tr>
246+
<td style="font-family: Arial, sans-serif; padding: 10px 0 0 0; font-size: 10px; line-height: 10px;">Fax: ${fax}</td>
247+
</tr>
248+
<!-- Mobile -->
249+
<tr>
250+
<td style="font-family: Arial, sans-serif; padding: 10px 0 0 0; font-size: 10px; line-height: 10px;">Mobile: ${mobile}</td>
190251
</tr>
191252
<!-- Email -->
192253
<tr>
@@ -197,17 +258,30 @@ <h4 style="padding-top:20px;">Made by the Brand Team</h4>
197258
<!-- Website -->
198259
<tr>
199260
<td style="font-family: Arial, sans-serif; padding: 0px 0 0 0; font-size: 10px; line-height: 10px;">
200-
<a href="https://mendix.com" style="color: #146FF4; text-decoration: none;">mendix.com</a>
261+
<a href="https://mendix.com" style="color: #146FF4; text-decoration: none;">www.mendix.com</a>
262+
</td>
263+
</tr>
264+
<tr>
265+
<td style="font-family: Arial, sans-serif; padding: 0px 0 0 0; font-size: 10px; line-height: 10px;">
266+
<a href="https://siemens.com" style="color: #146FF4; text-decoration: none;">www.siemens.com</a>
201267
</td>
202268
</tr>
203269
<!-- Logo -->
204270
<tr>
205-
<td style="padding: 15px 0 0 0;">
271+
<td style="padding: 30px 0 0 0;">
206272
<a href="https://mendix.com">
207-
<img src="https://email.mendix.design/images/mendix-logo.png" alt="Mendix Logo" width="150" style="display: block; border: 0;">
273+
<img src="https://email.mendix.design/images/siemens.png" alt="Siemens Logo" width="133" style="display: block; border: 0;">
208274
</a>
209275
</td>
210276
</tr>
277+
<!-- Disclaimer -->
278+
<tr>
279+
<td style="font-family: Arial, sans-serif; padding: 0px 0 0 0; font-size: 8px; line-height: 10px;">
280+
Important notice: This e-mail and any attachment thereof contain corporate proprietary information. If you have received it
281+
by mistake, please notify us immediately by reply e-mail and delete this e-mail and its attachments from your system. Thank you.
282+
283+
</td>
284+
</tr>
211285
</table>
212286
`;
213287

0 commit comments

Comments
 (0)