JSFiddle - React, Tailwind, and code Playground

by Margus Martsepp

HTML

<div class='questionsAnswersList'><h2>Vastatud küsimused</h2><div class='asker'>dom</div><div class='question'>Küsimus Raul Vahisalule: Kuidas see teenus täpselt toimib, st mismoodi see ajatempel sinna dokumendile külge saab? Ja millega on tagatud selle turvalisus?</div><div class='answer'><p>Ajatempel on dokumendiga seotud krüptograafilise räsifunktsiooni kaudu. Räsifunktsioon on ühesuunaline: dokumendist tema räsi (digitaalse sõrmejälje) arvutamine on lihtne, dokumendi ja sõrmejälje vastavuse kontrollimine samuti, aga sõrmejäljest dokumendi enda taastamine on võimatu, samuti on võimatult keeruline luua teist dokumenti, mille sõrmejälg oleks samasugune kui etteantud dokumendil (selles osas on päris suur sarnasus inimese ja tema sõrmejälje või DNA-prooviga). </p><p>Dokumendi ajatembeldamise juures on turvalisusel kolm põhilist aspekti: ajatempel peab tõestama (1) millal dokument tembeldati (2) et seda pole pärast muudetud ja (3) võib mõne dokumendi puhul olla oluline selle sisu salajasena hoidmine. </p><p> Tembeldatava dokumendi sisu salajasus on tagatud sellega, et tembeldamiseks antaksegi ainult dokumendi räsi (sõrmejälg), dokument ise võib olla ainult kliendi valduses ja GuardTime ei tarvitse seda kunagi näha. </p><p> Templi väljaandmise aja muutmatuse tagab see, et kõik templid on sellesama ühesuunalise räsifunktsiooniga omavahel seotud. Kui GuardTime püüaks ajalugu tagantjärele muuta, rikuks me sellega kõik hiljem välja antud templid. Lisaks sellele, et iga tempel kõik eelmised "lukustab", avaldame kord kuus kogu oma senise ajaloo kontrollsumma ka ajalehes.</p></div><div class='asker'>aiiro</div><div class='question'>Küsimus Raul Vahisalule: Palun tooge kolm reaalset näidet tänasest elust, kuidas võiks selline teenus või sellisel teenusel baseeruv teenus olla kasulik tavalisele lihtsale inimesele?</div><div class='answer'> <p>Gordon Bell, Microsoft Research Centre’i uurija on öelnud: “Aastaks 2047 ... on kogu olemasolev informatsioon füüsiliste objektide...

CSS

h2 {
    font-size: 1.2em;
    color: #231F20;
    margin: 7px 0 10px 0;
    text-transform: uppercase;
    background-color: #E3E2DE;
    padding: 7px;
}
.asker {
    margin: 0 0 2px 1px;
    color: #41AD48;
    font-weight: bold;
}
 .question {
    font-weight: bold;
    font-size: 1.0em;
    margin-right: 7px;
    margin-bottom: 7px;
    color: #646361;
}