Browse Source

Make order-form bootstrap-native (#957)

master
Max Mehl 1 month ago
parent
commit
c1fc1dbf97
11 changed files with 278 additions and 766 deletions
  1. 1
    14
      look/fsfe.less
  2. 1
    1
      look/fsfe.min.css
  3. 1
    1
      look/valentine.min.css
  4. 0
    132
      order/order.da.xhtml
  5. 72
    56
      order/order.de.xhtml
  6. 67
    51
      order/order.en.xhtml
  7. 0
    133
      order/order.fr.xhtml
  8. 67
    51
      order/order.it.xhtml
  9. 69
    54
      order/order.nl.xhtml
  10. 0
    133
      order/order.sq.xhtml
  11. 0
    140
      order/order.tr.xhtml

+ 1
- 14
look/fsfe.less View File

@@ -787,20 +787,7 @@ table.merchandise {
787 787
     visibility: visible;
788 788
   }
789 789
 }
790
-table.order-form {
791
-  width: 100%;
792
-  .order-left {
793
-    min-width: 65px;
794
-    width: 10%;
795
-  }
796
-  .order-right input,textarea {
797
-    max-width: 400px;
798
-    width: 90%;
799
-  }
800
-  #order-submit {
801
-    width: auto;
802
-  }
803
-}
790
+
804 791
 form.thankyou {
805 792
   margin-bottom: 10px;
806 793
 }

+ 1
- 1
look/fsfe.min.css
File diff suppressed because it is too large
View File


+ 1
- 1
look/valentine.min.css
File diff suppressed because it is too large
View File


+ 0
- 132
order/order.da.xhtml View File

@@ -1,132 +0,0 @@
1
-<?xml version="1.0" encoding="UTF-8"?>
2
-
3
-<html>
4
-  <head>
5
-    <title>Merchandise – FSFE</title>
6
-    
7
-    <style type="text/css">
8
-    div#toc {
9
-      float: right;
10
-      clear: right;
11
-      border: solid 1px;
12
-      margin: .5em;
13
-      background: rgb(240,240,240);
14
-      width: 30%;
15
-    }
16
-    </style>
17
-  </head>
18
-
19
-  <body class="toplevel">
20
-    <h1>Merchandise</h1>
21
-    
22
-    <div id="toc">
23
-      <p style="text-indent:1em;">Available merchandise:</p>
24
-      <ul style="margin-bottom: 1em;">
25
-        <li><a href="#tshirt">T-shirts</a></li>
26
-        <li><a href="#girlie">T-shirts til kvinder</a></li>
27
-        <li><a href="#hooded">Hættetrøjer</a></li>
28
-        <!-- li><a href="#baby-clothes">Babytøj</a></li -->
29
-        <li><a href="#other">Andre varer</a></li>
30
-      </ul>
31
-    </div>
32
-
33
-    <p class="p-summary">
34
-      Vis at du elsker fri software ved at anvende og iklæde dig de neden for 
35
-      nævnte mærkevarer.  Fri software-beklædning er en fantastisk måde at 
36
-      skabe opmærksomhed inden for dit lokale fællesskab, og hvert salg giver 
37
-      øknomiske midler til vigtige FSFE-projekter.
38
-    </p>
39
-    
40
-    <p style="clear:both;"></p>
41
-
42
-    <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
43
-      <h2 id="tshirt">T-shirts</h2>
44
-
45
-      <dynamic-content type="tshirt"/>
46
-
47
-      <h2 id="girlie">T-shirts til kvinder</h2>
48
-
49
-      <dynamic-content type="girlie"/>
50
-
51
-      <h2 id="hooded">Hættetrøjer</h2>
52
-
53
-      <dynamic-content type="hooded"/>
54
-
55
-      <!-- h2 id="baby-clothes">Babytøj</h2>
56
-
57
-      <dynamic-content type="baby-clothes"/ -->
58
-
59
-      <h2 id="other">Andre varer</h2>
60
-
61
-      <dynamic-content type="other"/>
62
-
63
-      <h2>Reklameartikler</h2>
64
-
65
-      <p>
66
-	Se vores <a href="/contribute/spreadtheword.html#promo-material">ordreside 
67
-	for informationsmateriale</a> til foldere, klistermærker og andet.
68
-      </p>
69
-
70
-      <h2>Forsendelse</h2>
71
-
72
-      <p>
73
-        <input type="hidden" name="shipping" value="1"/>
74
-        <input type="radio" id="shipping-de" name="_shipping" value="3"/>
75
-        <label for="shipping-de">Forsendelse inden for Tyskland (€3,00)</label><br/>
76
-        <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
77
-        <label for="shipping-eu">Forsendelse inden for Europa (€7,00)</label><br/>
78
-        <input type="radio" id="shipping-world" name="_shipping" value="12"/>
79
-        <label for="shipping-world">Forsendelse uden for Europa (€12,00)</label><br/>
80
-      </p>
81
-
82
-      <table class="order-form">
83
-        <tr>
84
-          <td class="order-left"><p>Navn:</p></td>
85
-          <td class="order-right">
86
-            <input type="text" name="name"/>
87
-          </td>
88
-        </tr>
89
-        <tr>
90
-          <td class="order-left"><p>Adresse:</p></td>
91
-          <td class="order-right">
92
-            <textarea rows="5" name="address"/>
93
-          </td>
94
-        </tr>
95
-        <tr>
96
-          <td class="order-left"><p>E-mail:</p></td>
97
-          <td class="order-right">
98
-            <input type="text" name="email"/>
99
-          </td>
100
-        </tr>
101
-        <tr>
102
-          <td class="order-left"><p>Telefon:</p></td>
103
-          <td class="order-right">
104
-            <input type="text" name="phone"/>
105
-          </td>
106
-        </tr>
107
-        <tr>
108
-          <td class="order-left"></td>
109
-          <td class="order-right">
110
-            <p class="n">
111
-              Vær venlig ikke at skrive noget her:
112
-              <input type="text" size="40" name="url"/>
113
-            </p>
114
-            
115
-            <!-- Translators: Please change the value here to your language -->
116
-            <input type="hidden" name="language" value="da_DK"/>
117
-            <!-- Translators: Please also translate the value here, it's the label
118
-                 of the button -->
119
-            <input id="order-submit" type="submit" value="Bestil de valgte varer"/>
120
-          </td>
121
-        </tr>
122
-      </table>
123
-    </form>
124
-  </body>
125
-
126
-  <timestamp>$Date$ $Author$</timestamp>
127
-</html>
128
-<!--
129
-Local Variables: ***
130
-mode: xml ***
131
-End: ***
132
--->

+ 72
- 56
order/order.de.xhtml View File

@@ -42,8 +42,8 @@
42 42
     <p class="p-summary">
43 43
       Zeigen Sie, dass Sie ein Fan von Freier Software sind, indem Sie die unten
44 44
       gezeigten Fanartikel benutzen oder tragen. Diese Artikel sind eine
45
-      großartige Methode, um Freie Software in Ihrer Umgebung stärker ins
46
-      Bewusstsein zu bringen, und mit jedem Kauf unterstützen Sie wichtige
45
+      großartige Möglichkeit, um Freie Software in Ihrer Umgebung stärker ins
46
+      Bewusstsein zu bringen. Mit jedem Kauf unterstützen Sie wichtige
47 47
       Projekte der FSFE.
48 48
     </p>
49 49
     
@@ -79,65 +79,81 @@
79 79
     
80 80
       <p>
81 81
         Auf unserer
82
-        <a href="/contribute/spreadtheword.html#promo-material">Informations-Material-Seite</a>
82
+        <a href="/contribute/spreadtheword.html#promo-material">Informationsmaterial-Seite</a>
83 83
         können Sie Broschüren, Sticker und anderes bestellen.
84 84
       </p>
85 85
 
86
-      <h2>Versandkosten</h2>
87
-
88
-      <p>
89
-        <input type="hidden" name="shipping" value="1"/>
90
-        <input type="radio" id="shipping-de" name="_shipping" value="3"/>
91
-        <label for="shipping-de">Versand innerhalb Deutschlands (€3.00)</label><br/>
92
-        <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
93
-        <label for="shipping-eu">Versand innerhalb Europas (€7.00)</label><br/>
94
-        <input type="radio" id="shipping-world" name="_shipping" value="12"/>
95
-        <label for="shipping-world">Weltweiter Versand (€12.00)</label><br/>
96
-        <!-- input type="radio" id="shipping-none" name="_shipping" value="0"/>
97
-        <label for="shipping-none">Kein Versand (Selbstabholung)</label><br/ -->
86
+      <h2>Versand</h2>
87
+
88
+      <input type="hidden" name="shipping" value="1"/>
89
+      <div class="radio">
90
+        <label>
91
+          <input type="radio" name="_shipping" id="shipping-de" value="3" />
92
+          <strong>Versand innerhalb Deutschlands (€3.00)</strong>
93
+        </label>
94
+      </div>
95
+      <div class="radio">
96
+        <label>
97
+          <input type="radio" name="_shipping" id="shipping-eu" value="7" checked="" />
98
+          <strong>Versand innerhalb Europas (€7.00)</strong>
99
+        </label>
100
+      </div>
101
+      <div class="radio">
102
+        <label>
103
+          <input type="radio" name="_shipping" id="shipping-world" value="12" />
104
+          <strong>Versand außerhalb Europas (€12.00)</strong>
105
+        </label>
106
+      </div>
107
+
108
+      <div class="row form-group">
109
+        <div class="col-sm-2">
110
+          <label class="control-label" for="name">Name:</label>
111
+        </div>
112
+        <div class="col-sm-4">
113
+          <input class="form-control" id="name" name="name" type="text" />
114
+        </div>
115
+      </div>
116
+
117
+      <div class="row form-group">
118
+        <div class="col-sm-2">
119
+          <label class="control-label vcenter" for="address">Vollständige Adresse:</label>
120
+        </div>
121
+        <div class="col-sm-4">
122
+          <textarea class="form-control" rows="5" id="address" name="address" type="text" />
123
+        </div>
124
+      </div>
125
+
126
+      <div class="row form-group">
127
+        <div class="col-sm-2">
128
+          <label class="control-label" for="email">E-Mail:</label>
129
+        </div>
130
+        <div class="col-sm-4">
131
+          <input class="form-control" id="email" name="email" type="email" />
132
+        </div>
133
+      </div>
134
+
135
+      <div class="row form-group">
136
+        <div class="col-sm-2">
137
+          <label class="control-label" for="phone">Telefon:</label>
138
+        </div>
139
+        <div class="col-sm-4">
140
+          <input class="form-control" id="phone" name="phone" type="text" />
141
+        </div>
142
+      </div>
143
+
144
+      <p class="n">
145
+        Bitte hier nichts eingeben:
146
+        <input type="text" size="40" name="url"/>
98 147
       </p>
99 148
 
100
-      <table class="order-form">
101
-        <tr>
102
-          <td class="order-left"><p>Name:</p></td>
103
-          <td class="order-right">
104
-            <input type="text" name="name"/>
105
-          </td>
106
-        </tr>
107
-        <tr>
108
-          <td class="order-left"><p>Vollständige Adresse:</p></td>
109
-          <td class="order-right">
110
-            <textarea rows="5" name="address"/>
111
-          </td>
112
-        </tr>
113
-        <tr>
114
-          <td class="order-left"><p>E-Mail:</p></td>
115
-          <td class="order-right">
116
-            <input type="text" name="email"/>
117
-          </td>
118
-        </tr>
119
-        <tr>
120
-          <td class="order-left"><p>Telefon:</p></td>
121
-          <td class="order-right">
122
-            <input type="text" name="phone"/>
123
-          </td>
124
-        </tr>
125
-        <tr>
126
-          <td class="order-left"></td>
127
-          <td class="order-right">
128
-            <p class="n">
129
-              Bitte hier nichts eingeben:
130
-              <input type="text" size="40" name="url"/>
131
-            </p>
132
-            
133
-            <!-- Translators: Please change the value here to your language -->
134
-            <input type="hidden" name="language" value="de_DE"/>
135
-            <!-- Translators: Please also translate the value here, it's the label
136
-                 of the button -->
137
-            <input id="order-submit" type="submit" value="Artikel bestellen"/>
138
-          </td>
139
-        </tr>
140
-      </table>
149
+      <!-- Translators: Please change the value here to your language -->
150
+      <input type="hidden" name="language" value="de_DE"/>
151
+
152
+      <div class="row form-group">
153
+        <div class="col-sm-offset-2 col-sm-6">
154
+          <button type="submit" class="btn btn-primary">Artikel bestellen</button>
155
+        </div>
156
+      </div>
141 157
     </form>
142 158
 
143 159
     <p>

+ 67
- 51
order/order.en.xhtml View File

@@ -84,59 +84,75 @@
84 84
 
85 85
       <h2>Shipping</h2>
86 86
 
87
-      <p>
88
-        <input type="hidden" name="shipping" value="1"/>
89
-        <input type="radio" id="shipping-de" name="_shipping" value="3"/>
90
-        <label for="shipping-de">Shipping within Germany (€3.00)</label><br/>
91
-        <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
92
-        <label for="shipping-eu">Shipping within Europe (€7.00)</label><br/>
93
-        <input type="radio" id="shipping-world" name="_shipping" value="12"/>
94
-        <label for="shipping-world">Shipping outside Europe (€12.00)</label><br/>
95
-        <!-- input type="radio" id="shipping-none" name="_shipping" value="0"/>
96
-        <label for="shipping-none">No shipping (self collection)</label><br/ -->
87
+      <input type="hidden" name="shipping" value="1"/>
88
+      <div class="radio">
89
+        <label>
90
+          <input type="radio" name="_shipping" id="shipping-de" value="3" />
91
+          <strong>Shipping within Germany (€3.00)</strong>
92
+        </label>
93
+      </div>
94
+      <div class="radio">
95
+        <label>
96
+          <input type="radio" name="_shipping" id="shipping-eu" value="7" checked="" />
97
+          <strong>Shipping within Europe (€7.00)</strong>
98
+        </label>
99
+      </div>
100
+      <div class="radio">
101
+        <label>
102
+          <input type="radio" name="_shipping" id="shipping-world" value="12" />
103
+          <strong>Shipping outside Europe (€12.00)</strong>
104
+        </label>
105
+      </div>
106
+
107
+      <div class="row form-group">
108
+        <div class="col-sm-2">
109
+          <label class="control-label" for="name">Name:</label>
110
+        </div>
111
+        <div class="col-sm-4">
112
+          <input class="form-control" id="name" name="name" type="text" />
113
+        </div>
114
+      </div>
115
+
116
+      <div class="row form-group">
117
+        <div class="col-sm-2">
118
+          <label class="control-label vcenter" for="address">Complete address:</label>
119
+        </div>
120
+        <div class="col-sm-4">
121
+          <textarea class="form-control" rows="5" id="address" name="address" type="text" />
122
+        </div>
123
+      </div>
124
+
125
+      <div class="row form-group">
126
+        <div class="col-sm-2">
127
+          <label class="control-label" for="email">Email:</label>
128
+        </div>
129
+        <div class="col-sm-4">
130
+          <input class="form-control" id="email" name="email" type="email" />
131
+        </div>
132
+      </div>
133
+
134
+      <div class="row form-group">
135
+        <div class="col-sm-2">
136
+          <label class="control-label" for="phone">Phone:</label>
137
+        </div>
138
+        <div class="col-sm-4">
139
+          <input class="form-control" id="phone" name="phone" type="text" />
140
+        </div>
141
+      </div>
142
+
143
+      <p class="n">
144
+        Please do not put anything in here:
145
+        <input type="text" size="40" name="url"/>
97 146
       </p>
98 147
 
99
-      <table class="order-form">
100
-        <tr>
101
-          <td class="order-left"><p>Name:</p></td>
102
-          <td class="order-right">
103
-            <input type="text" name="name"/>
104
-          </td>
105
-        </tr>
106
-        <tr>
107
-          <td class="order-left"><p>Complete Address:</p></td>
108
-          <td class="order-right">
109
-            <textarea rows="5" name="address"/>
110
-          </td>
111
-        </tr>
112
-        <tr>
113
-          <td class="order-left"><p>Email:</p></td>
114
-          <td class="order-right">
115
-            <input type="text" name="email"/>
116
-          </td>
117
-        </tr>
118
-        <tr>
119
-          <td class="order-left"><p>Phone:</p></td>
120
-          <td class="order-right">
121
-            <input type="text" name="phone"/>
122
-          </td>
123
-        </tr>
124
-        <tr>
125
-          <td class="order-left"></td>
126
-          <td class="order-right">
127
-            <p class="n">
128
-              Please do not put anything in here:
129
-              <input type="text" size="40" name="url"/>
130
-            </p>
131
-            
132
-            <!-- Translators: Please change the value here to your language -->
133
-            <input type="hidden" name="language" value="en_GB"/>
134
-            <!-- Translators: Please also translate the value here, it's the label
135
-                 of the button -->
136
-            <input id="order-submit" type="submit" value="Order items"/>
137
-          </td>
138
-        </tr>
139
-      </table>
148
+      <!-- Translators: Please change the value here to your language -->
149
+      <input type="hidden" name="language" value="en_GB"/>
150
+
151
+      <div class="row form-group">
152
+        <div class="col-sm-offset-2 col-sm-6">
153
+          <button type="submit" class="btn btn-primary">Order items</button>
154
+        </div>
155
+      </div>
140 156
     </form>
141 157
 
142 158
     <p>

+ 0
- 133
order/order.fr.xhtml View File

@@ -1,133 +0,0 @@
1
-<?xml version="1.0" encoding="UTF-8"?>
2
-
3
-<html>
4
-  <head>
5
-    <title>Boutique – FSFE</title>
6
-    
7
-    <style type="text/css">
8
-    div#toc {
9
-      float: right;
10
-      clear: right;
11
-      border: solid 1px;
12
-      margin: .5em;
13
-      background: rgb(240,240,240);
14
-      width: 30%;
15
-    }
16
-    </style>
17
-  </head>
18
-
19
-  <body class="toplevel">
20
-    <h1>La boutique de la FSFE</h1>
21
-    
22
-    <div id="toc">
23
-      <p style="text-indent:1em;">Available merchandise:</p>
24
-      <ul style="margin-bottom: 1em;">
25
-        <li><a href="#tshirt">T-Shirts</a></li>
26
-        <li><a href="#girlie">T-Shirts femme</a></li>
27
-        <li><a href="#hooded">Sweatshirts à capuche</a></li>
28
-        <!-- li><a href="#baby-clothes">Vêtements pour bébés</a></li -->
29
-        <li><a href="#other">Autres objets</a></li>
30
-      </ul>
31
-    </div>
32
-
33
-    <p class="p-summary">
34
-      Affichez votre amour pour le Logiciel Libre et montrez le en arborant l'un
35
-      des articles ci-dessous. Les vêtements sont un excellent moyen de
36
-      sensibilisation pour le Logiciel Libre auprès des communautés locales, de
37
-      plus chaque achat d'articles contribue au financement des projets soutenus
38
-      par la FSFE.
39
-    </p>
40
-    
41
-    <p style="clear:both;"></p>
42
-
43
-    <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
44
-      <h2 id="tshirt">T-Shirts</h2>
45
-
46
-      <dynamic-content type="tshirt"/>
47
-
48
-      <h2 id="girlie">T-Shirts femme</h2>
49
-
50
-      <dynamic-content type="girlie"/>
51
-
52
-      <h2 id="hooded">Sweatshirts à capuche</h2>
53
-
54
-      <dynamic-content type="hooded"/>
55
-
56
-      <!-- h2 id="baby-clothes">Vêtements pour bébés</h2>
57
-
58
-      <dynamic-content type="baby-clothes"/ -->
59
-
60
-      <h2 id="other">Autres objets</h2>
61
-
62
-      <dynamic-content type="other"/>
63
-
64
-      <h2>Objets promotionnels</h2>
65
-
66
-      <p>
67
-	Visitez la <a href="/contribute/spreadtheword.html#promo-material">page de commande de supports d'information</a> pour commander des dossiers et des tracts.
68
-      </p>
69
-
70
-      <h2>Expédition</h2>
71
-
72
-      <p>
73
-        <input type="hidden" name="shipping" value="1"/>
74
-        <input type="radio" id="shipping-de" name="_shipping" value="3"/>
75
-        <label for="shipping-de">Expédition en Allemagne (3,00 € )</label><br/>
76
-        <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
77
-        <label for="shipping-eu">Expédition en Europe (7,00 € )</label><br/>
78
-        <input type="radio" id="shipping-world" name="_shipping" value="12"/>
79
-        <label for="shipping-world">Expédition en dehors de l'Europe (12,00 € )</label><br/>
80
-      </p>
81
-
82
-      <table class="order-form">
83
-        <tr>
84
-          <td class="order-left"><p>Nom&#160;:</p></td>
85
-          <td class="order-right">
86
-            <input type="text" name="name"/>
87
-          </td>
88
-        </tr>
89
-        <tr>
90
-          <td class="order-left"><p>Adresse&#160;:</p></td>
91
-          <td class="order-right">
92
-            <textarea rows="5" name="address"/>
93
-          </td>
94
-        </tr>
95
-        <tr>
96
-          <td class="order-left"><p>Courriel&#160;:</p></td>
97
-          <td class="order-right">
98
-            <input type="text" name="email"/>
99
-          </td>
100
-        </tr>
101
-        <tr>
102
-          <td class="order-left"><p>Téléphone&#160;:</p></td>
103
-          <td class="order-right">
104
-            <input type="text" name="phone"/>
105
-          </td>
106
-        </tr>
107
-        <tr>
108
-          <td class="order-left"></td>
109
-          <td class="order-right">
110
-            <p class="n">
111
-              Merci de ne rien écrire dans cette case&#160;:
112
-              <input type="text" size="40" name="url"/>
113
-            </p>
114
-            
115
-            <!-- Translators: Please change the value here to your language -->
116
-            <input type="hidden" name="language" value="fr_FR"/>
117
-            <!-- Translators: Please also translate the value here, it's the label
118
-                 of the button -->
119
-            <input id="order-submit" type="submit" value="Commander ces objets"/>
120
-          </td>
121
-        </tr>
122
-      </table>
123
-    </form>
124
-  </body>
125
-
126
-  <timestamp>$Date$ $Author$</timestamp>
127
-  <translator>Michel Roche (Vercors-France)</translator>
128
-</html>
129
-<!--
130
-Local Variables: ***
131
-mode: xml ***
132
-End: ***
133
--->

+ 67
- 51
order/order.it.xhtml View File

@@ -84,59 +84,75 @@
84 84
 
85 85
       <h2>Spedizione</h2>
86 86
 
87
-      <p>
88
-        <input type="hidden" name="shipping" value="1"/>
89
-        <input type="radio" id="shipping-de" name="_shipping" value="3"/>
90
-        <label for="shipping-de">Spedizione in Germania (3,00 €)</label><br/>
91
-        <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
92
-        <label for="shipping-eu">Spedizione in Europa (7,00 €)</label><br/>
93
-        <input type="radio" id="shipping-world" name="_shipping" value="12"/>
94
-        <label for="shipping-world">Spedizione extra UE (12,00 €)</label><br/>
95
-        <!-- input type="radio" id="shipping-none" name="_shipping" value="0"/>
96
-        <label for="shipping-none">No shipping (self collection)</label><br/ -->
87
+      <input type="hidden" name="shipping" value="1"/>
88
+      <div class="radio">
89
+        <label>
90
+          <input type="radio" name="_shipping" id="shipping-de" value="3" />
91
+          <strong>Spedizione in Germania (3,00 €)</strong>
92
+        </label>
93
+      </div>
94
+      <div class="radio">
95
+        <label>
96
+          <input type="radio" name="_shipping" id="shipping-eu" value="7" checked="" />
97
+          <strong>Spedizione in Europa (7,00 €)</strong>
98
+        </label>
99
+      </div>
100
+      <div class="radio">
101
+        <label>
102
+          <input type="radio" name="_shipping" id="shipping-world" value="12" />
103
+          <strong>Spedizione extra UE (12,00 €)</strong>
104
+        </label>
105
+      </div>
106
+
107
+      <div class="row form-group">
108
+        <div class="col-sm-2">
109
+          <label class="control-label" for="name">Nome:</label>
110
+        </div>
111
+        <div class="col-sm-4">
112
+          <input class="form-control" id="name" name="name" type="text" />
113
+        </div>
114
+      </div>
115
+
116
+      <div class="row form-group">
117
+        <div class="col-sm-2">
118
+          <label class="control-label vcenter" for="address">Indirizzo:</label>
119
+        </div>
120
+        <div class="col-sm-4">
121
+          <textarea class="form-control" rows="5" id="address" name="address" type="text" />
122
+        </div>
123
+      </div>
124
+
125
+      <div class="row form-group">
126
+        <div class="col-sm-2">
127
+          <label class="control-label" for="email">Email:</label>
128
+        </div>
129
+        <div class="col-sm-4">
130
+          <input class="form-control" id="email" name="email" type="email" />
131
+        </div>
132
+      </div>
133
+
134
+      <div class="row form-group">
135
+        <div class="col-sm-2">
136
+          <label class="control-label" for="phone">Telefono:</label>
137
+        </div>
138
+        <div class="col-sm-4">
139
+          <input class="form-control" id="phone" name="phone" type="text" />
140
+        </div>
141
+      </div>
142
+
143
+      <p class="n">
144
+        Per favore non scrivere niente qui:
145
+        <input type="text" size="40" name="url"/>
97 146
       </p>
98 147
 
99
-      <table class="order-form">
100
-        <tr>
101
-          <td class="order-left"><p>Nome:</p></td>
102
-          <td class="order-right">
103
-            <input type="text" name="name"/>
104
-          </td>
105
-        </tr>
106
-        <tr>
107
-          <td class="order-left"><p>Indirizzo:</p></td>
108
-          <td class="order-right">
109
-            <textarea rows="5" name="address"/>
110
-          </td>
111
-        </tr>
112
-        <tr>
113
-          <td class="order-left"><p>Email:</p></td>
114
-          <td class="order-right">
115
-            <input type="text" name="email"/>
116
-          </td>
117
-        </tr>
118
-        <tr>
119
-          <td class="order-left"><p>Telefono:</p></td>
120
-          <td class="order-right">
121
-            <input type="text" name="phone"/>
122
-          </td>
123
-        </tr>
124
-        <tr>
125
-          <td class="order-left"></td>
126
-          <td class="order-right">
127
-            <p class="n">
128
-              Per favore non scrivere niente qui:
129
-              <input type="text" size="40" name="url"/>
130
-            </p>
131
-            
132
-            <!-- Translators: Please change the value here to your language -->
133
-            <input type="hidden" name="language" value="it_IT"/>
134
-            <!-- Translators: Please also translate the value here, it's the label
135
-                 of the button -->
136
-            <input id="order-submit" type="submit" value="Confermo l'ordine"/>
137
-          </td>
138
-        </tr>
139
-      </table>
148
+      <!-- Translators: Please change the value here to your language -->
149
+      <input type="hidden" name="language" value="it_IT"/>
150
+
151
+      <div class="row form-group">
152
+        <div class="col-sm-offset-2 col-sm-6">
153
+          <button type="submit" class="btn btn-primary">Confermo l'ordine</button>
154
+        </div>
155
+      </div>
140 156
     </form>
141 157
 
142 158
     <p>

+ 69
- 54
order/order.nl.xhtml View File

@@ -81,63 +81,78 @@ Toon uw liefde voor Vrije Software door de fan-artikelen hieronder te
81 81
             om informatiematerialen</a> zoals folders en stickers te bestellen.
82 82
           </p>
83 83
 
84
-          <h2>Verzenden</h2>
84
+      <h2>Verzenden</h2>
85
+
86
+      <input type="hidden" name="shipping" value="1"/>
87
+      <div class="radio">
88
+        <label>
89
+          <input type="radio" name="_shipping" id="shipping-de" value="3" />
90
+          <strong>Verzenden binnen Duitsland (€3.00)</strong>
91
+        </label>
92
+      </div>
93
+      <div class="radio">
94
+        <label>
95
+          <input type="radio" name="_shipping" id="shipping-eu" value="7" checked="" />
96
+          <strong>Verzenden binnen Europa (€7.00)</strong>
97
+        </label>
98
+      </div>
99
+      <div class="radio">
100
+        <label>
101
+          <input type="radio" name="_shipping" id="shipping-world" value="12" />
102
+          <strong>Verzenden buiten Europa (€12.00)</strong>
103
+        </label>
104
+      </div>
105
+
106
+      <div class="row form-group">
107
+        <div class="col-sm-2">
108
+          <label class="control-label" for="name">naam:</label>
109
+        </div>
110
+        <div class="col-sm-4">
111
+          <input class="form-control" id="name" name="name" type="text" />
112
+        </div>
113
+      </div>
85 114
 
86
-          <p>
115
+      <div class="row form-group">
116
+        <div class="col-sm-2">
117
+          <label class="control-label vcenter" for="address">Compleet adres:</label>
118
+        </div>
119
+        <div class="col-sm-4">
120
+          <textarea class="form-control" rows="5" id="address" name="address" type="text" />
121
+        </div>
122
+      </div>
87 123
 
88
-<input type="hidden" name="shipping" value="1"/>
89
-            <input type="radio" id="shipping-de" name="_shipping" value="3"/>
90
-            <label for="shipping-de">Verzenden binnen Duitsland (€3.00)</label><br/>
91
-            <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
92
-            <label for="shipping-eu">Verzenden binnen Europa (€7.00)</label><br/>
93
-            <input type="radio" id="shipping-world" name="_shipping" value="12"/>
94
-            <label for="shipping-world">Verzenden buiten Europa (€12.00)</label><br/>
95
-            <!-- input type="radio" id="shipping-none" name="_shipping" value="0"/>
96
-            <label for="shipping-none">Niet verzenden (zelf ophalen)</label><br/ -->
97
-          </p>
124
+      <div class="row form-group">
125
+        <div class="col-sm-2">
126
+          <label class="control-label" for="email">E-mail:</label>
127
+        </div>
128
+        <div class="col-sm-4">
129
+          <input class="form-control" id="email" name="email" type="email" />
130
+        </div>
131
+      </div>
132
+
133
+      <div class="row form-group">
134
+        <div class="col-sm-2">
135
+          <label class="control-label" for="phone">Telefoon:</label>
136
+        </div>
137
+        <div class="col-sm-4">
138
+          <input class="form-control" id="phone" name="phone" type="text" />
139
+        </div>
140
+      </div>
98 141
 
99
-          <table class="order-form">
100
-            <tr>
101
-              <td class="order-left"><p>Naam:</p></td>
102
-              <td class="order-right">
103
-                <input type="text" name="name"/>
104
-              </td>
105
-            </tr>
106
-            <tr>
107
-              <td class="order-left"><p>Compleet adres:</p></td>
108
-              <td class="order-right">
109
-                <textarea rows="5" name="address"/>
110
-              </td>
111
-            </tr>
112
-            <tr>
113
-              <td class="order-left"><p>E-mail:</p></td>
114
-              <td class="order-right">
115
-                <input type="text" name="email"/>
116
-              </td>
117
-            </tr>
118
-            <tr>
119
-              <td class="order-left"><p>Telefoon:</p></td>
120
-              <td class="order-right">
121
-                <input type="text" name="phone"/>
122
-              </td>
123
-            </tr>
124
-            <tr>
125
-              <td class="order-left"></td>
126
-              <td class="order-right">
127
-                <p class="n">
128
-                  Vul hier alstublieft niets in:
129
-                  <input type="text" size="40" name="url"/>
130
-                </p>
131
-                
132
-                <!-- Translators: Please change the value here to your language -->
133
-                <input type="hidden" name="language" value="nl"/>
134
-                <!-- Translators: Please also translate the value here, it's the label
135
-                     of the button -->
136
-                <input id="order-submit" type="submit" value="Bestel artikelen"/>
137
-              </td>
138
-            </tr>
139
-          </table>
140
-        </form>
142
+      <p class="n">
143
+        Vul hier alstublieft niets in:
144
+        <input type="text" size="40" name="url"/>
145
+      </p>
146
+
147
+      <!-- Translators: Please change the value here to your language -->
148
+      <input type="hidden" name="language" value="nl_NL"/>
149
+
150
+      <div class="row form-group">
151
+        <div class="col-sm-offset-2 col-sm-6">
152
+          <button type="submit" class="btn btn-primary">Bestel artikelen</button>
153
+        </div>
154
+      </div>
155
+    </form>
141 156
 
142 157
         <p>
143 158
 Betaling is mogelijk via bankoverschrijving, PayPal en verschillende 

+ 0
- 133
order/order.sq.xhtml View File

@@ -1,133 +0,0 @@
1
-<?xml version="1.0" encoding="UTF-8"?>
2
-
3
-<html>
4
-  <head>
5
-    <title>Artikuj Tregtarë – FSFE</title>
6
-    
7
-    <style type="text/css">
8
-    div#toc {
9
-      float: right;
10
-      clear: right;
11
-      border: solid 1px;
12
-      margin: .5em;
13
-      background: rgb(240,240,240);
14
-      width: 30%;
15
-    }
16
-    </style>
17
-  </head>
18
-
19
-  <body class="toplevel">
20
-    <h1>Artikuj Tregtarë</h1>
21
-    
22
-    <div id="toc">
23
-      <p style="text-indent:1em;">Available merchandise:</p>
24
-      <ul style="margin-bottom: 1em;">
25
-        <li><a href="#tshirt">Bluza</a></li>
26
-        <li><a href="#girlie">Bluza për Femra</a></li>
27
-        <li><a href="#hooded">Bluza me Kapuç</a></li>
28
-        <!-- li><a href="#baby-clothes">Për Foshnja</a></li -->
29
-        <li><a href="#other">Artikuj të Tjerë</a></li>
30
-      </ul>
31
-    </div>
32
-
33
-    <p class="p-summary">
34
-      Shpaloseni dashurinë tuaj për Software-in e Lirë duke përdorur
35
-      dhe veshur artikujt më poshtë që përdorin markën tonë. Veshja e
36
-      diçkaje që shpalos Software-in e Lirë është një rrugë e bukur
37
-      për rritjen e ndërgjegjësimit brenda bashkësisë suaj vendore, 
38
-      dhe çdo shitje ndihmon financimin e projekteve kritike të FSFE-së.
39
-    </p>
40
-    
41
-    <p style="clear:both;"></p>
42
-
43
-    <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
44
-      <h2 id="tshirt">Bluza</h2>
45
- 
46
-      <dynamic-content type="tshirt"/>
47
-
48
-      <h2 id="girlie">Bluza për Femra</h2>
49
- 
50
-      <dynamic-content type="girlie"/>
51
-
52
-      <h2 id="hooded">Bluza me Kapuç</h2>
53
- 
54
-      <dynamic-content type="hooded"/>
55
-
56
-      <!-- h2 id="baby-clothes">Për Foshnja</h2>
57
- 
58
-      <dynamic-content type="baby-clothes"/ -->
59
-
60
-      <h2 id="other">Artikuj të Tjerë</h2>
61
-
62
-      <dynamic-content type="other"/>
63
-
64
-      <h2>Materiale promocionale</h2>
65
-    
66
-      <p>
67
-	Hidhini një sy <a href="/contribute/spreadtheword.html#promo-material">faqes
68
-	sonë të materialeve informative të shtypshme</a> që të porositni fletëpalosje, ngjitësa dhe gjëra të tjera.
69
-      </p>
70
-
71
-      <h2>Dërgimi</h2>
72
-
73
-      <p>
74
-        <input type="hidden" name="shipping" value="1"/>
75
-        <input type="radio" id="shipping-de" name="_shipping" value="3"/>
76
-        <label for="shipping-de">Dërgim brenda Gjermanisë (€3.00)</label><br/>
77
-        <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
78
-        <label for="shipping-eu">Dërgim brenda Europës (€7.00)</label><br/>
79
-        <input type="radio" id="shipping-world" name="_shipping" value="12"/>
80
-        <label for="shipping-world">Dërgim jashtë Europës (€12.00)</label><br/>
81
-      </p>
82
-
83
-      <table class="order-form">
84
-        <tr>
85
-          <td class="order-left"><p>Emër:</p></td>
86
-          <td class="order-right">
87
-            <input type="text" name="name"/>
88
-          </td>
89
-        </tr>
90
-        <tr>
91
-          <td class="order-left"><p>Adresë:</p></td>
92
-          <td class="order-right">
93
-            <textarea rows="5" name="address"/>
94
-          </td>
95
-        </tr>
96
-        <tr>
97
-          <td class="order-left"><p>Email:</p></td>
98
-          <td class="order-right">
99
-            <input type="text" name="email"/>
100
-          </td>
101
-        </tr>
102
-        <tr>
103
-          <td class="order-left"><p>Telefon:</p></td>
104
-          <td class="order-right">
105
-            <input type="text" name="phone"/>
106
-          </td>
107
-        </tr>
108
-        <tr>
109
-          <td class="order-left"></td>
110
-          <td class="order-right">
111
-            <p class="n">
112
-              Please do not put anything in here:
113
-              <input type="text" size="40" name="url"/>
114
-            </p>
115
-            
116
-            <!-- Translators: Please change the value here to your language -->
117
-            <input type="hidden" name="language" value="sq"/>
118
-            <!-- Translators: Please also translate the value here, it's the label
119
-                 of the button -->
120
-            <input id="order-submit" type="submit" value="Bëni kërkesën për këto objekte"/>
121
-          </td>
122
-        </tr>
123
-      </table>
124
-    </form>
125
-  </body>
126
-
127
-  <timestamp>$Date: 2016-05-09 10:06:28 +0200 (Mon, 09. Mai 2016) $ $Author: reinhard $</timestamp>
128
-</html>
129
-<!--
130
-Local Variables: ***
131
-mode: xml ***
132
-End: ***
133
--->

+ 0
- 140
order/order.tr.xhtml View File

@@ -1,140 +0,0 @@
1
-<?xml version="1.0" encoding="UTF-8"?>
2
-
3
-<html>
4
-  <head>
5
-    <title>Ürünler – FSFE</title>
6
-    
7
-    <style type="text/css">
8
-    div#toc {
9
-      float: right;
10
-      clear: right;
11
-      border: solid 1px;
12
-      margin: .5em;
13
-      background: rgb(240,240,240);
14
-      width: 30%;
15
-    }
16
-    </style>
17
-  </head>
18
-
19
-  <body class="toplevel">
20
-    <h1>Ürünler</h1>
21
-
22
-    <div id="toc">
23
-      <p style="text-indent:1em;">Mevcut ürünler:</p>
24
-      <ul style="margin-bottom: 1em;">
25
-        <li><a href="#tshirt">Tişörtler</a></li>
26
-        <li><a href="#girlie">Kadın Tişörtleri</a></li>
27
-        <li><a href="#hooded">Kapşonlular</a></li>
28
-        <!-- li><a href="#baby-clothes">Bebek Kıyafetleri</a></li -->
29
-        <li><a href="#other">Diğer Ürünler</a></li>
30
-      </ul>
31
-    </div>
32
-
33
-    <p class="p-summary">
34
-        Özgür Yazılım sevginizi aşağıdaki işaretli ürünleri giyerek ve kullanarak
35
-        gösterin. Özgür Yazılım kıyafetleri yerel topluluğunuzda farkındalığı arttırmak
36
-        için oldukça iyi bir yöntemdir ve her satış da kritik FSFE projelerini maddi
37
-        olarak desteklemektir.
38
-    </p>
39
-    
40
-    <p style="clear:both;"></p>
41
-
42
-
43
-    <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
44
-      <h2 id="tshirt">Tişörtler</h2>
45
-
46
-      <dynamic-content type="tshirt"/>
47
-
48
-      <h2 id="girlie">Kadın Tişörtleri</h2>
49
-
50
-      <dynamic-content type="girlie"/>
51
-
52
-      <h2 id="hooded">Kapşonlular</h2>
53
-
54
-      <dynamic-content type="hooded"/>
55
-
56
-      <!-- h2 id="baby-clothes">Bebek Kıyafetleri</h2>
57
-
58
-      <dynamic-content type="baby-clothes"/ -->
59
-
60
-      <h2 id="other">Diğer Ürünler</h2>
61
-
62
-      <dynamic-content type="other"/>
63
-
64
-      <h2>Promosyon Malzemeleri</h2>
65
-
66
-      <p>
67
-        Broşür, çıkartma ve diğer şeyleri sipariş etmek için
68
-        <a href="/contribute/spreadtheword.html#promo-material">bilgi malzemeleri
69
-        sipariş sayfamızı</a> inceleyin.
70
-      </p>
71
-
72
-      <h2>Kargo</h2>
73
-
74
-      <p>
75
-        <input type="hidden" name="shipping" value="1"/>
76
-        <input type="radio" id="shipping-de" name="_shipping" value="3"/>
77
-        <label for="shipping-de">Almanya içerisine (€3.00)</label><br/>
78
-        <input type="radio" id="shipping-eu" name="_shipping" value="7" checked="Y"/>
79
-        <label for="shipping-eu">Avrupa içerisine (€7.00)</label><br/>
80
-        <input type="radio" id="shipping-world" name="_shipping" value="12"/>
81
-        <label for="shipping-world">Avrupa dışına (€12.00)</label><br/>
82
-      </p>
83
-
84
-      <table class="order-form">
85
-        <tr>
86
-          <td class="order-left"><p>İsim:</p></td>
87
-          <td class="order-right">
88
-            <input type="text" name="name"/>
89
-          </td>
90
-        </tr>
91
-        <tr>
92
-          <td class="order-left"><p>Tam Adres:</p></td>
93
-          <td class="order-right">
94
-            <textarea rows="5" name="address"/>
95
-          </td>
96
-        </tr>
97
-        <tr>
98
-          <td class="order-left"><p>E-posta:</p></td>
99
-          <td class="order-right">
100
-            <input type="text" name="email"/>
101
-          </td>
102
-        </tr>
103
-        <tr>
104
-          <td class="order-left"><p>Telefon:</p></td>
105
-          <td class="order-right">
106
-            <input type="text" name="phone"/>
107
-          </td>
108
-        </tr>
109
-        <tr>
110
-          <td class="order-left"></td>
111
-          <td class="order-right">
112
-            <p class="n">
113
-              Lütfen buraya bir şey yazmayın:
114
-              <input type="text" size="40" name="url"/>
115
-            </p>
116
-            
117
-            <!-- Translators: Please change the value here to your language -->
118
-            <input type="hidden" name="language" value="tr_TR"/>
119
-            <!-- Translators: Please also translate the value here, it's the label
120
-                 of the button -->
121
-            <input id="order-submit" type="submit" value="Ürünleri Sipariş Et"/>
122
-          </td>
123
-        </tr>
124
-      </table>
125
-    </form>
126
-
127
-    <p>
128
-        Ödeme için banka aktarımı, PayPal ve çeşitli kredi ve nakit kartlarını 
129
-        kullanabilirsiniz. Siparişinizi verdiğinizde daha ayrıntılı bilgi size
130
-        iletilecektir.
131
-    </p>
132
-  </body>
133
-
134
-  <timestamp>$Date$ $Author$</timestamp>
135
-</html>
136
-<!--
137
-Local Variables: ***
138
-mode: xml ***
139
-End: ***
140
--->

Loading…
Cancel
Save