datenspuren: rotating sun background

This commit is contained in:
Astro 2011-09-15 22:20:34 +02:00
parent cde4a112fb
commit 121ebc7fb8
3 changed files with 131 additions and 1 deletions

View File

@ -0,0 +1,72 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="8000"
height="8000"
id="svg2"
version="1.1"
inkscape:version="0.48.1 r9760"
sodipodi:docname="sun.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.044194174"
inkscape:cx="1542.0648"
inkscape:cy="1073.4951"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1436"
inkscape:window-height="877"
inkscape:window-x="0"
inkscape:window-y="19"
inkscape:window-maximized="0" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,6947.6378)">
<path
sodipodi:type="star"
style="fill:#ffff00;fill-opacity:0.32941176;fill-rule:evenodd;stroke:none"
id="path2988"
sodipodi:sides="42"
sodipodi:cx="194.28571"
sodipodi:cy="223.79076"
sodipodi:r1="1127.0369"
sodipodi:r2="56.351845"
sodipodi:arg1="0.96380866"
sodipodi:arg2="1.0386085"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 837.14281,1149.505 222.87975,272.34908 691.99208,1234.9784 215.32313,276.06845 535.72342,1297.8636 207.29658,278.62002 371.82759,1336.7557 198.97938,279.94679 203.96578,1350.786 190.55733,280.01913 35.88773,1339.6412 182.21857,278.83542 -128.65197,1303.5701 174.14937,276.4221 -285.97778,1243.3785 166.52998,272.83309 -432.5753,1160.4109 159.53061,268.14855 -565.16977,1056.5209 153.30761,262.47313 -680.79927,934.02902 147.99999,255.93361 -776.88081,795.67159 143.72632,248.67608 -851.2681,644.5393 140.58206,240.86264 -902.29944,484.00818 138.63746,232.66785 -928.83489,317.66423 137.93594,224.27476 -930.28167,149.2233 138.49318,215.87086 -906.60748,-17.551914 140.29674,207.64387 -858.34116,-178.93593 143.30632,199.77758 -786.56089,-331.3237 147.4547,192.4477 -692.87012,-471.31113 152.6492,185.81798 -579.36177,-595.77113 158.77379,180.03651 -448.5714,-701.92347 165.69166,175.23243 -303.42067,-787.39689 173.24828,171.51306 -147.15201,-850.28205 181.27483,168.9615 16.743816,-889.17419 189.59203,167.63472 184.60563,-903.20454 198.01408,167.56239 352.68368,-892.05967 206.35284,168.7461 517.22338,-855.98855 214.42204,171.15941 674.54919,-795.79694 222.04143,174.74843 821.14671,-712.82943 229.0408,179.43296 953.74118,-608.93938 235.2638,185.10838 1069.3707,-486.4475 240.57142,191.6479 1165.4522,-348.09008 244.84509,198.90544 1239.8395,-196.95779 247.98935,206.71887 1290.8709,-36.426664 249.93395,214.91366 1317.4063,129.91728 250.63547,223.30675 1318.8531,298.35821 250.07823,231.71066 1295.1789,465.13343 248.27467,239.93764 1246.9126,626.51744 245.26509,247.80393 1175.1323,778.90521 241.11672,255.13381 1081.4415,918.89264 235.92221,261.76353 967.93318,1043.3526 229.79762,267.54501 z"
transform="matrix(3.2807778,0,0,3.2807778,3362.5918,-3681.8455)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -225,7 +225,7 @@ body {
background-color: white;
}
#bodyText {
background-color: white;
background-color: rgba(255, 255, 255, 0.4);
border-color: #CF0000;
}
#header {
@ -313,3 +313,59 @@ td.event {
padding: 0 2em 0 0;
}
#solar {
background-image: url('../images/sun.svg');
z-index: -1000;
border: 1px solid black;
overflow: visible;
position: fixed;
top: -4050px;
right: -4050px;
width: 8000px;
height: 8000px;
-webkit-animation: rotate 42s infinite linear;
-moz-animation: rotate 42s infinite linear;
-o-animation: rotate 42s infinite linear;
-ms-animation: rotate 42s infinite linear;
animation: rotate 42s infinite linear;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes rotate {
0% {
-moz-transform:rotate(0deg);
}
100% {
-moz-transform:rotate(360deg);
}
}
@-o-keyframes rotate {
0% {
-o-transform:rotate(0deg);
}
100% {
-o-transform:rotate(360deg);
}
}
@-ms-keyframes rotate {
0% {
-ms-transform:rotate(0deg);
}
100% {
-ms-transform:rotate(360deg);
}
}
@keyframes rotate {
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}

View File

@ -251,6 +251,8 @@
Copyleft 2004 - 2011, <a href="http://www.c3d2.de/">Chaos Computer Club Dresden</a> |
<a href="mailto:mail@c3d2.de" title="eMail webmaster">mail@c3d2.de</a></div>
</div>
<div id="solar">
</div>
</xsl:template>
<xsl:template match="news-list">