Tikkun Haklali

A beautifully styled version of Tikkun Haklali in Hebrew.

by rfkrocktk

HTML

<div class="container">
    <div class="span10 offset2">
        <h1 class="hebrew">
            תיקון הכללי
        </h1>
        <p class="header-translation">
            Tikkun Haklali: "The General Remedy,"<br/>
            As Revealed by Rebbe Nachman of Breslov.
        </p>
        
        <!-- declaration of intent -->
        <h3 class="hebrew">
            התקשרות לצדיקים
        </h3>
        <p class="section-preface">
           Many Breslov chassidim have the custom of saying this declaration
           of intent before reciting "Tikkun Haklali," in order to bind oneself to all 
           true tzaddikim of all generations, and especially Rebbe Nachman, "who revealed
           this tikkun."
        </p>
        <p class="introduction hebrew">
            <span class="first-word">הֲרֵינִי</span>
             מְקַשֵּׁר עַצְמִי בָּאַמִירַת עֲשָׂרָה מִזְמוֹרֵי תְּהִלִּים - תִּקּוּן הַכְּלָלִי, לְכָל הַצַּדִּיקִים הָאֲמִתִּיִּים שֶׁבְּדוֹרֵנוּ, וּלְכָל הַצַּדִּיקִים הָאֲמִתִּיִּים שׁוֹכְנֵי עָפָר, קְדוֹשִׁים אֲשֶׁר בָּאָרֶץ הֵמָּה, וּבִפְרָט לְרַבֵּינוּ הַקָּדוֹשׁ, הַנַּחַל נוֹבֵעַ מָקוֹר חָכְמָה, רַבֵּינוּ נַחְמָן בֵּן פֵיגֶא, זְכוּתוֹ תָּגֵן עָלֵינוּ, וְעַל כָּל יִשְׂרָאֵל, אָמֵן.
        </p>
        
        <!-- preceding verses before tehillim -->
        <h3 class="hebrew">
            לפני אמירת תהלים אומרים
        </h3>
        <p class="header-translation">
            Before reciting Tehillim, say the following:
        </p>
        <p class="introduction hebrew">
            <span class="first-word">לְכוּ</span>
             נְרננה לַאֲדֹנָי, נָריעה לְצוּר יִשָׁעֲנוּ. נְקַדְמָה פָנָיו בְּתוֹדָה בִּזְמִירוֹת נָריעַ לוֹ. כִּי אֵל גָּדוֹל אֲדֹנָי וּמֶלך גָּדוֹל עַל כָּל אֱלֹהִים.
הֲרֵינִי מְזַמֵּן אֶת פִּי לְהוֹדוֹת וּלְהַלֵּל וּלְשַׁבֵּחַ אֶת בּוֹרְאִי. לְשֵׁם יִחוּד קוּדְשָׁא-בְּרִיךְ-הוּא ושׁכִינְתֵּיה, בִּדְחִילוּ וּרְחִימוּ, עַל יְדֵי הַהוּא טָמִיר וְנֶעֶלָם, בְּשֵּׁם כָּל יִשְׂרָאֵל.
        </p>
        <hr/>
        <!-- title -->
  ...

CSS

html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
html,body{background-color:#ffffff;}
body{margin:0;font-family:"Helvetica...