InfoEducație 2015 (prezentări propuse)

Lista prezentărilor propuse de Dr. Sabin Buraga pentru susținerea publică în cadrul InfoEducație 2015.

by Sabin Buraga

HTML

<article lang="ro">
    <header>
         <h1 itemscope itemtype="http://schema.org/Event"><a itemprop="url" href="http://infoeducatie.ro/" title="Spre situl Web al concursului InfoEducație 2015"><span itemprop="name">InfoEducație 2015</span></a> (<span itemprop="startDate" content="2015-08-02">2</span>&mdash;<span itemprop="endDate" content="2015-08-08">8 august</span>)</h1>

    </header>
    <section>
        <ul>
            <li id="web-dev" itemscope itemtype="http://schema.org/CreativeWork">
                 <h2><span itemprop="name">Ce înseamnă a fi dezvoltator Web?</span></h2>

                <p itemprop="description" class="desc">Iremediabil fascinați, conduși de promisiuni și/sau experimentând uneori surprize ori descurajări în ceea ce privește colecția tot mai vastă a limbajelor de programare, tehnologiilor, instrumentelor și platformelor actuale, ne putem întreba &ndash; pe drept cuvânt &ndash; ce reprezintă de fapt dezvoltarea de aplicații Web. E timpul, probabil, să dorim a obține și răspunsurile, nu-i așa?...</p>
            </li>
            
            <li id="resp-design" itemscope itemtype="http://schema.org/CreativeWork">
                 <h2><span itemprop="name">Design (Web) responsiv: invitație la un festin</span></h2>

                <p itemprop="description" class="desc">Alegând cu grijă ingrediente tehnologice ușor de înțeles și folosit, vom încerca să delectăm publicul cu una sau mai multe soluții „culinare” ce persuadează utilizatorii &ndash; mai mult ori mai puțin gurmanzi &ndash; la „degustări” suave și, probabil, inedite ale aromei, crustei și miezului interfeței siturilor și/sau aplicațiilor Web indiferent de platforma utilizată pentru a trăi din plin experiența consumului (cu discernământ) a conținutului disponibil.</p>
            </li>
        </ul>
    </section>
    <footer>
        <h5>Prezentări propuse de
             <span itemscope itemtype="http://schema.org/Person">
                 <img...

CSS

* {
    font-family: sans-serif;
}
.desc {
    font-family: monospace;
    font-size: 1.1em;
}
article {
    margin: 0.5em auto;
    width: 40em;
}
img {
    width: 74px;
	height: 74px;
    border: 0.3em solid #DDD;
	border-radius: 50%;
	shape-outside: circle();
	shape-margin: 0.3em;
    margin: 2em;
}
ul {
    list-style: none;
}
h1 {
    text-align: center;
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
    color: navy;
}
h5 {
    font-size: 1.1em;
    line-height: 1.1;
    padding: 0.3em;
    text-align: center;
}
p {
    font-size: 1.2em;
    margin-left: 1em;
    text-align: justify;
    line-height: 1.35;
}
li {
    margin: 0.2em;
    padding: 0.1em;
}
a:hover {
    text-decoration: none;
    background-color: #FFC;
}