english deutsch français по русски
The PrivacyBox ist accessible by Tor hidden service or I2P eepsite too.
SHA1 fingerprint of SSL certificate: 20036CE77B82C5FBEA94D3009D2D97D1966064BB

Own design for contact pages

The default design of the contact pages is not very nice. User have the possibility to setup an own design for the contact page and adapt the look and feel of a blog or coorperate identity.

HTML templates are used for design creation. You have to send your templates, the CSS files and all includes grafics to the admins of the PrivacyBox. We will check, if you did not fake an identity and kept the requirements. If all was fine, we will install the templates on the server.

Create the HTML templates

A template is a complete HTML page. Some parts of the HTML page are replaced by template varibles, which will replaced during processing. You can create your template pages with any HTML editor. If help is needed, feel free to cantact the admins.

You can create templates for more languages. At the moment English, German, French and Russian are supported. The names of the HTML files are fixed. At least you will need two template pages. One template page for your contact formular and a second template for the sending or error message.
  • formular.de.html
    formular.en.html
    formular.fr.html
    formular.ru.html
  • message.de.html
    message.en.html
    message.fr.html
    message.ru.html
The templates have to respect the following requirements:
  • No cookies and no javascript usage.
  • All files (CSS, grafics) have to come from privacybox.de. External files are not allowed.
  • A link to the description of the PrivacyBox has to be included.

Very simple example for the formular

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Einfachste Kontaktseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="expires" content="0">

<style type="text/css">
  P.error { color:red; }
  NOSCRIPT { color:orange; }
</style>

<TMPL_VAR NAME=JS_ENCRYPT_HELPER>

</HEAD>
<BODY>

<TMPL_VAR NAME=MESSAGE>

<FORM name="m" action="/cgi-bin/tram_msg.pl" method="POST"
      target="_self" ENCTYPE="multipart/form-data">
  <input type="hidden" name="se" value="<TMPL_VAR NAME=SESSION_ID>">
  <input type="hidden" name="lang" value="en">

  <label for="betreff">subject:</label>
  <input type="text" name="betreff" value="<TMPL_VAR NAME=SUBJECT>">

  <label for="artikel">message text:</label>
  <textarea rows="12" cols="48" name="artikel"><TMPL_VAR NAME=TEXT></textarea>

  <label for="andatei">attach a file:</label>
  <input type="file" name="andatei" accept="*/*">

  <input type="submit" VALUE="Send message">
</FORM>

<TMPL_VAR NAME=JS_ENCRYPT_FORM>

</BODY>
</HTML>
 The result of this page, you may find here. Looks not nice but short code. For a better example you may have a look at the contact page of dotplex or the contact page of scusi.

Description of the template variables:
  • JS_ENCRYPT_HELPER: May replaced by javascript code for OpenPGP encryption in the browser. It is planned for the future.
  • MESSAGE: Contains an error message in case of wrong inputs. <p class="error">This is an error message</p> Formating may be done with styles in the HTML header.
  • <FORM...>  </FORM>: Take the hole section an adapt the size of input tags.
  • JS_ENCRYPT_FORM: Contains the button for local OpenPGP encryption. It is planned for the future.

Very simple example for the message template

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Einfachste Kontaktseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="noindex, nofollow">

<style type="text/css">
  P.info { color: green; }
  P.error { color:red; }
</style>

</HEAD>
<BODY>

<TMPL_VAR NAME=MESSAGE>

</BODY>
</HTML>
 The message template is used for success or error messages after sending the mail. It contains only one template varible, which is replaced by a success message: <p class="info">Message saved</p> or an error message: <p class="error">An error message</p> You can set the formats of class info and error by CSS styles in the HTML header.