format and update phone number #12

openmindculture · Jul 21, 2022 · 0a3cb72 · 0a3cb72
1 parent 17b4e18
commit 0a3cb72
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/htdocs/index.html b/htdocs/index.html
@@ -203,7 +203,13 @@ <h2>
             <div>
               <h1 class=fn itemprop=name><img src="img/Martina-Steinke.svg" alt="Martina Steinke" width="438" height="119"></h1>
               <div class=jobtitle itemprop=jobTitle>Modeberaterin und Stylistin</div>
-              <a class=telephone itemprop=telephone href="tel:+491625445028">0 162 . 54 450 28</a>
+              <a class=telephone itemprop=telephone href="tel:+491636823820">
+                <span class="visually-spaced">0</span>
+                <span class="visually-spaced dot-after">163</span>
+                <span class="visually-spaced">682</span>
+                <span class="visually-spaced">382</span>
+                <span class="visually-spaced">0</span>
+              </a>
               <a class=email itemprop=email itemscope=email href="mailto:mklein@meine-modeberaterin.de">mklein@meine-modeberaterin.de</a>
               <a itemscope=url href="//www.kleiderordnung-duesseldorf.de/">www.kleiderordnung-duesseldorf.de</a>
             </div>
@@ -390,7 +396,14 @@ <h4>Verantwortliche Anbieterin:</h4>
     Neunzigstraße 6a<br>
     40625 Düsseldorf<br>
     Deutschland<br>
-    Tel.: <a class="telephone" itemprop="telephone" href="tel:+491625445028">+49 (0) 162 . 54 450 28</a><br>
+    Tel.: <a class="telephone" itemprop="telephone" href="tel:+491636823820">
+      <span class="visually-spaced">+49</span>
+      <span class="visually-spaced">(0)</span>
+      <span class="visually-spaced dot-after">163</span>
+      <span class="visually-spaced">682</span>
+      <span class="visually-spaced">382</span>
+      <span class="visually-spaced">0</span>
+    </a><br>
     E-Mail: <a class="email" href="mailto:mklein@meine-modeberaterin.de">mklein@meine-modeberaterin.de</a></p>
 
     <h4>Ihr gutes Recht: Auskunft, Korrektur, Löschung, Widerruf</h4>

diff --git a/src/stylesheets/partials/_main.scss b/src/stylesheets/partials/_main.scss
@@ -579,3 +579,13 @@ ul.tablist {
     display: none !important;
   }
 }
+
+.visually-spaced+.visually-spaced::before {
+  content: " ";
+  letter-spacing: .25rem;
+}
+
+.dot-after::after {
+  content: ".";
+  letter-spacing: .25rem;
+}