JSFiddle - React, Tailwind, and code Playground

by teknoblogo

HTML

<div id="kapali"><h1>DİKKAT ! LAUBALİ YAZI UYARISI !</h1><h2>Laubali işleyen bir koruma(?) sistemine laubali bir tepki yazısı okuyorsunuz.</h2>
    <p>Maalesef ki engelleniyor efendim, engel olamıyoruz. Hayır şimdi yarın öbür gün çıkıp "tekno, mekno ne bu hemşerim? yassah !" deseler yapacak birşey yok elimiz kolumuz bağlı kapatacağız blogu.<br>
    <br>
    Öyle "ama ben iyi birşeyler paylaşıyordum? :(" filan sökmez anlayacağınız. Maalesef ki koruyamadığımız şeyi yasaklıyoruz güzel ülkemizde. Siyasete girmeyeceğim tabiki sadece birkaç örnek vereceğim. Sokakta güvenliği sağlayamayız, "hep bu ayyaşlar yüzünden hacı, biz 25 yaş altında içkiyi yasaklayalım" denir. Sınav güvenliğini sağlayamayız, "hep bu kalemlerle, sularla kopya çekiyolar hacı, bunları da yasaklayalım" derler. <br>
    <br>
    Neyse neyse siyasete girmeyeceğim, gerçekten. Baktım her şey yasaklanıyor, ben en iyisi onlara fırsat vermeden, kendi blogumu kendim yasaklayayım dedim. Artık teknoblogo yassah arkadaşlar . Artık siteme abudikgubidik.com'dan ulaşabileceksiniz. Yada belki oradan da ulaşamayacaksınız. <br>
        Bu açıklamalar beni kesmedi ben iyice kaşınıyor ve bilgi alma hakkımı kullanmak istiyorum diyorsanız <a href="http://sansuresansur.blogspot.com/2011/04/btkdan-alan-ad-yasag.html">buraya</a>, blogumun aslında kapandığına inanmıyorsanız <a href="#" onClick="ac(); return false;">buraya</a> tıklayablirsiniz.
    <br>Şimdi gidiniz, yatınız, uyuyunuz...</p>
    <a href="" id="link">KAPALI</a></div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam  nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat  volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation  ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.  Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse  molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero  eros et accumsan et iusto odio dignissim qui blandit praesent luptatum  zzril...

CSS

#kapali{
    width : 90%;height : 90%;background : #000000;z-index : 99999;position:absolute;color : #FFF;
}

JavaScript

function ac()
{

    $('#kapali').css('display','none');

}