Changeset 1305 in t29-www


Ignore:
Timestamp:
Sep 15, 2017, 1:48:13 AM (2 years ago)
Author:
sven
Message:

Physical-Computing: Digitale Denker-Bild eingebunden.

Das Dilemma mit den Bildern mit ".JPG" statt ".jpg"-Endung löst man zudem einfach, indem man im HTML einfach das Bild mit .JPG-Endung einbindet.

Files:
1 added
2 edited

Legend:

Unmodified
Added
Removed
  • physical-computing/index.php

    r1304 r1305  
    3838?>
    3939
    40 <header class="teaser physical-computing">
     40<header class="teaser physical-computing seitenstart">
    4141        <h2>
    4242        Physical-Computing &amp; Robotics
     
    5555Im Vergleich zu den ausschließlich am Bildschirm dargestellten virtuellen Simulationen, wie sie im üblichen Informatikunterricht ablaufen, werden hier physikalisch anfassbare Objekte bewegt. Diese interessanten Anwendungen sind für Jugendliche äußerst motivierend. Spielerisches Lernen wird real erfahrbar.<br>
    5656<div class="box center">
    57         <img src="aes-1.jpg" width="402"  height="268"/>
     57        <img src="aes-1.JPG" width="402"  height="268"/>
    5858        Kniffliger Sketch....
    5959</div>
     
    102102</div><!-- /cols -->
    103103
    104 <hr>
     104<div class="clear"></div>
    105105
    106 
    107 
    108 <div class="cols clear-after"><br>
     106<header class="teaser digitale-denker">
     107        <h2>Digitale Denker</h2>
     108        <img class="no-copyright" src="vorlage-1.jpg">
     109</header>
    109110
    110111Aktuelle Materialien:<br>
  • shared/css-v6/modules/27-kursseiten.css

    r1097 r1305  
    2727/* teaser, von devzone kopiert */
    2828body.kursseite header.teaser {
    29         margin: -60px -40px 40px;
    3029        position: relative;
    3130        overflow: hidden;
     31        margin: 30px -40px 30px;
    3232}
     33
     34/* Wenn mehrere dieser Teaser auf einer Seite (eine verrueckte Sache, die Berti
     35   im Sept 2017 ploetzlich wollte: Nur den ersten mit dem fancigen Margin aussatten) */
     36body.kursseite header.teaser.seitenstart {
     37        margin: -60px -40px 40px;
     38}
     39
    3340
    3441body.kursseite header.teaser h2,    /*Robotik*/
     
    5764/* Physical-Computing */
    5865body.kursseite #content header.teaser.physical-computing h2 {
    59        
    6066        color: #0006ff;
    61 
    6267        background-color: rgba(224, 242, 254, .7);/*vorher .8*/
    63        
    6468}
    6569
    66 body.kursseite header.teaser img {
    67 
     70body.kursseite #content header.teaser.digitale-denker h2 {
     71        font-size: 180%;
     72        color: white;
     73        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%,rgba(0,0,0,1) 100%);
    6874}
    6975
     76body.kursseite header.teaser img {}
    7077
    71 body.kursseite header.teaser::before {
     78
     79body.kursseite header.teaser.physical-computing::before {
    7280        /* css3 hack to get img inset box-shadow */
    7381        display:block;
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License