Browse Source

Initial up.

master
Nicolas Hafner 4 years ago
commit
3ba0cf2930
Signed by: shinmera GPG Key ID: E12B14478BE4C922
8 changed files with 254 additions and 0 deletions
  1. BIN
      angebot.jpg
  2. BIN
      atelier.jpg
  3. BIN
      bild.jpg
  4. BIN
      impress.jpg
  5. +1
    -0
      index.css
  6. +142
    -0
      index.html
  7. +111
    -0
      index.lass
  8. BIN
      therapeutin.jpg

BIN
angebot.jpg View File

Before After
Width: 800  |  Height: 842  |  Size: 155 KiB

BIN
atelier.jpg View File

Before After
Width: 815  |  Height: 600  |  Size: 140 KiB

BIN
bild.jpg View File

Before After
Width: 818  |  Height: 600  |  Size: 157 KiB

BIN
impress.jpg View File

Before After
Width: 3148  |  Height: 2000  |  Size: 1.1 MiB

+ 1
- 0
index.css View File

@ -0,0 +1 @@
html{background:rgb(250,250,250);font-family:sans-serif;font-size:16pt;color:rgb(50,50,50);}body{margin:0;}body >header{position:relative;max-width:100%;z-index:2;padding:10px 20px 0 20px;background:rgb(255,255,255);display:flex;justify-content:space-between;align-items:center;}body >header >div h1{margin:0;font-size:2em;}body >header >div span{font-size:1.5em;}body >header >nav{font-size:1.5em;text-align:center;}body >header >nav a{color:inherit;text-decoration:none;padding:10px;}body >header >nav a:hover{color:orange;}body >header::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgb(255,255,255);height:100px;-moz-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-moz-transform:skewy(3deg);-o-transform:skewy(3deg);-webkit-transform:skewy(3deg);-ms-transform:skewy(3deg);transform:skewy(3deg);z-index:-1;}body >img{object-fit:cover;width:100%;height:80vh;}a{text-decoration:none;color:#111188;}a:hover{color:#5555DD;}main{margin:0 auto 0 auto;max-width:1200px;padding:20px;}main article{margin-bottom:200px;display:flex;align-items:center;text-align:left;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1, "liga" 1;hyphens:auto;line-height:120%;}main article .dates{display:flex;flex-wrap:wrap;justify-content:space-between;}main article .dates li{width:49%;}main article img{max-width:100%;object-fit:cover;margin:10px;}main article > img,main article > iframe{min-width:50%;max-width:50%;}main article >div{flex-grow:1;margin:30px;}main article h2{font-size:2em;margin-top:0;}main article li{margin:5px 0 5px 0;}main article:nth-child(2n){flex-direction:row;}main article:nth-child(2n+1){flex-direction:row-reverse;}main .vcard .fn,main .vcard .street-address,main .vcard .tel{display:block;}footer{padding:10px;text-align:center;font-size:0.8em;}@media (max-width: 900px){html{font-size:14pt;}}@media (max-width: 800px){body >header{font-size:0.7em;}body >header >nav{text-align:right;}body >header >nav a{display:block;padding:3px;}main article{flex-direction:column !important;align-items:flex-start;margin-bottom:0;}main article > img,main article > iframe{margin:5%;max-width:100%;max-height:50vh;width:90%;}main article >div{margin:10px;}}

+ 142
- 0
index.html View File

@ -0,0 +1,142 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Malatelier und Kunsttherapie Katharina Weis</title>
<link rel="stylesheet" type="text/css" href="index.css" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="Malatelier und Kunsttherapie bei Katharina Weis in Zürich" />
<meta name="robots" content="index, follow" />
</head>
<body>
<header>
<div>
<h1>Malatelier und Kunsttherapie</h1>
<span>Katharina Weis</span>
</div>
<nav>
<a href="#angebot">Angebot</a>
<a href="#atelier">Atelier</a>
<a href="#therapeutin">Therapeutin</a>
<a href="#kontakt">Kontakt</a>
</nav>
</header>
<img id="impress" src="impress.jpg" />
<main>
<article id="atelier">
<div>
<h2>Atelier</h2>
<p>
Das Atelier wurde vor 25 Jahren eröffnet und hat seither Menschen mit verschiedensten Hintergründen unterstützt. Es bietet einen geschützten Raum, in welchem unabhängig von Vorkentnissen gearbeitet wird. Es steht eine grosse Zahl von Utensilien und Werkzeugen für das Malen zur Verfügung. Darunter ist eine grosse Palette von <a href="http://lascaux.ch/de/index.php">Lascaux</a>-Resonance Farben, welche speziell für die Maltherapie entwickelt worden sind.
</p>
<p>
Das Atelier ist vom <a href="http://www.emr.ch/">EMR</a> anerkannt. Die Kosten für eine Therapie können von der Zusatzversicherung der Krankenkasse bezahlt werden.
</p>
</div>
<img src="atelier.jpg" />
</article>
<article id="angebot">
<div>
<h2>Angebot</h2>
<p>
Die Maltherapie richtet sich an Erwachsene, Jugendliche und Kinder, die im Alltag mit Problemen kämpfen oder Schwierigkeiten haben sich auszudrücken. Speziell werden folgende Probleme behandelt:
</p>
<ul>
<li>Hochsensibilität</li>
<li>Beziehungskrise</li>
<li>Burnout oder Depression</li>
<li>Trauer</li>
<li>Trauma</li>
<li>Chronische Erkankungen</li>
</ul>
<p>
Dabei kann das Malen helfen, Probleme auf einer tieferen Stufe zu behandeln und Gedanken auch ohne Sprache zum Ausdruck zu bringen. Dies kann zu neuen Erkenntnissen und Ideen führen, welche die Situation in ein neues Licht stellen.
</p>
<p>
Das Malen steht aber auch allen zur Verfügung, die Farben lieben und gerne in einem Atelier arbeiten.
</p>
<p>
Es wird in Gruppen oder im Einzelsetting gearbeitet.
</p>
<p>
Bei weiteren Fragen über die Therapie können Sie gerne <a href="#kontakt">telephonieren oder eine E-Mail schreiben</a>.
</p>
<h3>Supervision und Praktikum</h3>
<p>
Bei Problemen im Beruf und in der Ausbildung wird auch eine Supervision angeboten. Ein kreativer und professioneller Blick von aussen kann helfen, die Situation zu analysieren und zu verarbeiten.
</p>
<p>
Für Studenten und Studentinnen in der Ausbildung für Kunst- und Maltherapie oder anderen sozialen Berufen ist auch ein Praktikum im Angebot.
</p>
</div>
<img src="angebot.jpg" />
</article>
<article id="samstagsmalen">
<div>
<h2>Samstagsmalen</h2>
<p>
Seit vielen Jahren findet am letzten Samstag jedes Monats das Samstagsmalen statt. Dieses richtet sich vor allem an Erwachsene und Jungendliche die gerne in einem Atelier in der Gruppe frei arbeiten.
</p>
<p>
Sie können auf Anfrage auch einen Gutschein erhalten, um einem Bekannten eine spezielle Freude zu bereiten.
</p>
<h3>Termine für 2017, jeweils 09:15 – 12:00</h3>
<ul class="dates">
<li><time>28.1.2017</time></li>
<li><time>25.2.2017</time></li>
<li><time>25.3.2017</time></li>
<li><time>29.4.2017</time></li>
<li><time>20.5.2017</time></li>
<li><time>24.6.2017</time></li>
<li><time>26.8.2017</time></li>
<li><time>30.9.2017</time></li>
<li><time>28.10.2017</time></li>
<li><time>25.11.2017</time></li>
</ul>
</div>
<img src="bild.jpg" />
</article>
<article id="therapeutin">
<div>
<h2>Therapeutin</h2>
<p>
Mit 25 Jahren Erfahrung in der Kunsttherapie hat Katharina Weis schon viele Menschen begleitet und in ihrem Leben unterstützt. Sie hat in 1989 das Diplom für <a href="http://www.kunsttherapie.ch/uk/">Humanistische Kunsttherapeutin</a> bei Bettina Egger erworben. Später graduierte sie am Seminar für <a href="http://www.ausdrucksanalyse.ch/">Ausdrucksanalyse</a> und Bildsprache bei Marc Erismann. Sie ist von <a href="http://www.kskv-casat.ch/">OdA Artecura</a> zertifiziert als Supervisorin und Lehrtherapeutin.
</p>
<p>
Sie bildet sich regelmässig an der <a href="https://www.zhdk.ch/">ZHDK</a> und dem Nachfolgeprogramm <a href="http://dranbleiben.ch">"dranbleiben"</a> weiter.
</p>
</div>
<img src="therapeutin.jpg" />
</article>
<article id="kontakt">
<div class="vcard">
<h2>Kontakt</h2>
<p>
Falls Sie sich für die Therapie, ein Praktikum oder eine Supervision interessieren, rufen Sie bitte an. Wir können dann ein Erstgespräch vereinbaren und die Details ausarbeiten.
</p>
<p>
<span class="fn">Malatelier Katharina Weis</span>
<span class="n">
<span class="given-name">Katharina</span>
<span class="family-name">Weis</span>
</span>
<span class="adr">
<span class="street-address">Nürenbergstr. 17B</span>
<span class="postal-code">8037</span>
<span class="locality">Zürich</span>
</span>
<a href="tel:+41-44-361-63-51" class="tel">+41 44 361 63 51</a>
<a href="mailto:[email protected]" class="email">[email protected]</a>
</p>
</div>
<iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJWTItYG4KkEcRG9o83y450yw&key=AIzaSyDWrj2RMeNMfCw55g9DI212lQPChTyWeEA&language=de_CH" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</article>
</main>
<footer>
&copy; 2017 Katharina Weis <br/>
Design by <a href="http://shinmera.com">Nicolas Hafner</a>
</footer>
</body>
</html>

+ 111
- 0
index.lass View File

@ -0,0 +1,111 @@
(:let ()
(html
:background (rgb 250 250 250)
:font-family sans-serif
:font-size 16pt
:color (rgb 50 50 50))
(body
:margin 0
(>header
:position relative
:max-width 100%
:z-index 2
:padding 10px 20px 0 20px
:background (rgb 255 255 255)
:display flex
:justify-content space-between
:align-items center
(>div
(h1 :margin 0 :font-size 2em)
(span :font-size 1.5em))
(>nav
:font-size 1.5em
:text-align center
(a :color inherit
:text-decoration none
:padding 10px)
("a:hover"
:color orange)))
(">header::before"
:content ""
:position absolute
:bottom 0 :left 0
:width 100% :height 100%
:background (rgb 255 255 255)
:height 100px
:transform-origin 0 0
:transform skewy 3deg
:z-index -1)
(>img
:object-fit cover
:width 100%
:height 80vh))
(a :text-decoration none
:color "#111188")
("a:hover"
:color "#5555DD")
(main
:margin 0 auto 0 auto
:max-width 1200px
:padding 20px
(article
:margin-bottom 200px
:display flex
:align-items center
:text-align left
:text-rendering "optimizeLegibility"
:font-feature-settings "\"kern\" 1, \"liga\" 1"
:hyphens auto
:line-height 120%
(.dates
:display flex
:flex-wrap wrap
:justify-content space-between
(li :width 49%))
(img :max-width 100%
:object-fit cover
:margin 10px)
((> (:or img iframe))
:min-width 50%
:max-width 50%)
(>div
:flex-grow 1
:margin 30px)
(h2 :font-size 2em
:margin-top 0)
(li
:margin 5px 0 5px 0))
("article:nth-child(2n)"
:flex-direction row)
("article:nth-child(2n+1)"
:flex-direction row-reverse)
(.vcard
((:or .fn .street-address .tel)
:display block)))
(footer
:padding 10px
:text-align center
:font-size 0.8em))
(:media "(max-width: 900px)"
(html
:font-size 14pt))
(:media "(max-width: 800px)"
(body
(>header
:font-size 0.7em
(>nav
:text-align right
(a :display block
:padding 3px))))
(main
(article
:flex-direction column !important
:align-items flex-start
:margin-bottom 0
((> (:or img iframe))
:margin 5%
:max-width 100%
:max-height 50vh
:width 90%)
(>div
:margin 10px))))

BIN
therapeutin.jpg View File

Before After
Width: 920  |  Height: 644  |  Size: 104 KiB

Loading…
Cancel
Save