Improvements.
This commit is contained in:
Niels Serup
parent
0cc9d8fdc5
commit
15b8bb5265
|
|
@ -0,0 +1 @@
|
||||||
|
ErrorDocument 404 /index.php
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
<?php
|
||||||
|
$addr = $_SERVER['REQUEST_URI'];
|
||||||
|
header('Location: http://words.metanohi.name$addr');
|
||||||
|
?>
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
#!/bin/sh
|
#!/bin/sh
|
||||||
|
|
||||||
ln -s ../../nohix .
|
|
||||||
ln -s ../../roptoligs .
|
ln -s ../../roptoligs .
|
||||||
ln -s ../../suum .
|
ln -s ../../suum .
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
|
|
||||||
ServerName films.lcl
|
ServerName films.metanohi.name
|
||||||
ServerAlias films.lcl
|
ServerAlias www.films.metanohi.name films.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/subsites/films
|
DocumentRoot /home/niels/www/meta/subsites/films
|
||||||
|
|
@ -20,17 +20,13 @@
|
||||||
Allow from all
|
Allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
WSGIDaemonProcess films.lcl processes=2 threads=15 display-name=%{GROUP}
|
WSGIDaemonProcess films.metanohi.name processes=2 threads=15 display-name=%{GROUP}
|
||||||
WSGIProcessGroup films.lcl
|
WSGIProcessGroup films.metanohi.name
|
||||||
|
|
||||||
WSGIScriptAlias / /home/niels/www/meta/subsites/films/films.wsgi
|
WSGIScriptAlias / /home/niels/www/meta/subsites/films/films.wsgi
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
LogLevel warn
|
||||||
<Directory "/usr/lib/cgi-bin">
|
ErrorLog ${APACHE_LOG_DIR}/films.metanohi.name-error.log
|
||||||
AllowOverride None
|
CustomLog ${APACHE_LOG_DIR}/films.metanohi.name-access.log combined
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
@ -1,13 +1,9 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
ServerName hvy.lcl
|
ServerName hvy.metanohi.name
|
||||||
ServerAlias hvy.lcl
|
ServerAlias www.hvy.metanohi.name hvy.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/heavy
|
DocumentRoot /home/niels/www/meta/heavy
|
||||||
<Directory />
|
|
||||||
Options FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
</Directory>
|
|
||||||
<Directory /home/niels/www/meta/heavy/>
|
<Directory /home/niels/www/meta/heavy/>
|
||||||
Options Indexes Includes FollowSymLinks MultiViews
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
AllowOverride All
|
AllowOverride All
|
||||||
|
|
@ -15,29 +11,8 @@
|
||||||
allow from all
|
allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
LogLevel warn
|
||||||
<Directory "/usr/lib/cgi-bin">
|
ErrorLog ${APACHE_LOG_DIR}/hvy.metanohi.name-error.log
|
||||||
AllowOverride None
|
CustomLog ${APACHE_LOG_DIR}/hvy.metanohi.name-access.log combined
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ErrorLog ${APACHE_LOG_DIR}/error.log
|
|
||||||
|
|
||||||
# Possible values include: debug, info, notice, warn, error, crit,
|
|
||||||
# alert, emerg.
|
|
||||||
LogLevel warn
|
|
||||||
|
|
||||||
CustomLog ${APACHE_LOG_DIR}/access.log combined
|
|
||||||
|
|
||||||
Alias /doc/ "/usr/share/doc/"
|
|
||||||
<Directory "/usr/share/doc/">
|
|
||||||
Options Indexes MultiViews FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
Order deny,allow
|
|
||||||
Deny from all
|
|
||||||
Allow from 127.0.0.0/255.0.0.0 ::1/128
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<VirtualHost *:80>
|
||||||
|
ServerName natur.metanohi.name
|
||||||
|
ServerAlias www.natur.metanohi.name nature.metanohi.name www.nature.metanohi.name natur.lcl
|
||||||
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
|
Alias /vid /home/niels/www/meta/heavy/naturefilms
|
||||||
|
|
||||||
|
DocumentRoot /home/niels/www/meta/subsites/natur
|
||||||
|
<Directory /home/niels/www/meta/subsites/natur/>
|
||||||
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
|
AllowOverride All
|
||||||
|
Order allow,deny
|
||||||
|
allow from all
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
LogLevel warn
|
||||||
|
ErrorLog ${APACHE_LOG_DIR}/natur.metanohi.name-error.log
|
||||||
|
CustomLog ${APACHE_LOG_DIR}/natur.metanohi.name-access.log combined
|
||||||
|
|
||||||
|
</VirtualHost>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
bak/
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
ErrorDocument 404 /index.php
|
||||||
Binary file not shown.
|
|
@ -0,0 +1,49 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
<!-- But modified by hand afterwards -->
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
version="1.0"
|
||||||
|
|
||||||
|
width="1000"
|
||||||
|
height="450"
|
||||||
|
viewBox="0 0 1000 450"
|
||||||
|
preserveAspectRatio="xMidYMid meet">
|
||||||
|
<defs>
|
||||||
|
<linearGradient
|
||||||
|
id="lingrad"
|
||||||
|
x1="287.89722"
|
||||||
|
y1="176.25467"
|
||||||
|
x2="593.96271"
|
||||||
|
y2="843.16113"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.6601697, 0, 0, 0.6969478, -85.846869, 35.45455)">
|
||||||
|
<stop
|
||||||
|
style="stop-color: #00e500; stop-opacity: 1"
|
||||||
|
offset="0" />
|
||||||
|
<stop
|
||||||
|
style="stop-color: #00e500; stop-opacity: 1"
|
||||||
|
offset="0.20826392" />
|
||||||
|
<stop
|
||||||
|
style="stop-color: #b0ff1a; stop-opacity: 1"
|
||||||
|
offset="0.47788519" />
|
||||||
|
<stop
|
||||||
|
style="stop-color: #16ff62; stop-opacity: 1"
|
||||||
|
offset="1" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g transform="translate(0, -90)">
|
||||||
|
<path
|
||||||
|
d="M 0,296.49348 C 0,296.49348 48.902281,210.72162 373.54988,190.32466 C 714.61716,168.89608 995.35963,90.97403 995.35963,90.97403 L 1000,90 L 1000,328.63633 C 1000,328.63633 765.66126,327.66231 573.08584,432.85712 C 378.1531,539.33973 0,540 0,540 L 0,296.49348 z"
|
||||||
|
style="fill: url(#lingrad);
|
||||||
|
fill-opacity: 1;
|
||||||
|
fill-rule: evenodd;
|
||||||
|
stroke: none;
|
||||||
|
stroke-width: 1px;
|
||||||
|
stroke-linecap: butt;
|
||||||
|
stroke-linejoin: miter;
|
||||||
|
stroke-opacity: 1;" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -0,0 +1,224 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<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"
|
||||||
|
version="1.1"
|
||||||
|
width="128"
|
||||||
|
height="128"
|
||||||
|
viewBox="0 0 128 128"
|
||||||
|
overflow="visible"
|
||||||
|
enable-background="new 0 0 128 128"
|
||||||
|
xml:space="preserve"
|
||||||
|
id="svg2"
|
||||||
|
sodipodi:version="0.32"
|
||||||
|
inkscape:version="0.46"
|
||||||
|
sodipodi:docname="stop.svg"
|
||||||
|
sodipodi:docbase="/home/alex/Desktop/icons/human-icon-theme-0.8/scalable/actions"
|
||||||
|
inkscape:output_extension="org.inkscape.output.svg.inkscape"><metadata
|
||||||
|
id="metadata76"><rdf:RDF><cc:Work
|
||||||
|
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||||
|
id="defs74"><inkscape:perspective
|
||||||
|
sodipodi:type="inkscape:persp3d"
|
||||||
|
inkscape:vp_x="0 : 64 : 1"
|
||||||
|
inkscape:vp_y="0 : 1000 : 0"
|
||||||
|
inkscape:vp_z="128 : 64 : 1"
|
||||||
|
inkscape:persp3d-origin="64 : 42.666667 : 1"
|
||||||
|
id="perspective44" /></defs><sodipodi:namedview
|
||||||
|
inkscape:window-height="974"
|
||||||
|
inkscape:window-width="1255"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
guidetolerance="10.0"
|
||||||
|
gridtolerance="10.0"
|
||||||
|
objecttolerance="10.0"
|
||||||
|
borderopacity="1.0"
|
||||||
|
bordercolor="#666666"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
id="base"
|
||||||
|
inkscape:zoom="5.8828125"
|
||||||
|
inkscape:cx="64"
|
||||||
|
inkscape:cy="64"
|
||||||
|
inkscape:window-x="25"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:current-layer="svg2"
|
||||||
|
showgrid="false" />
|
||||||
|
<path
|
||||||
|
opacity="0.2"
|
||||||
|
d="M41.5,3c-1.077,0-2.36,0.531-3.121,1.293L5.293,37.379C4.532,38.14,4,39.423,4,40.5v47 c0,1.077,0.532,2.36,1.293,3.121l33.086,33.086C39.14,124.469,40.423,125,41.5,125h47c1.076,0,2.359-0.531,3.121-1.293 l33.086-33.086C125.469,89.86,126,88.577,126,87.5v-47c0-1.077-0.531-2.36-1.293-3.121L91.621,4.293C90.859,3.531,89.576,3,88.5,3 H41.5z"
|
||||||
|
id="path4" />
|
||||||
|
<path
|
||||||
|
opacity="0.2"
|
||||||
|
d="M41.5,4c-0.819,0-1.835,0.421-2.414,1L6,38.086c-0.58,0.579-1,1.595-1,2.414v47c0,0.819,0.42,1.835,1,2.414 L39.086,123c0.579,0.579,1.595,1,2.414,1h47c0.819,0,1.835-0.421,2.414-1L124,89.914c0.58-0.579,1-1.595,1-2.414v-47 c0-0.819-0.42-1.835-1-2.414L90.914,5c-0.579-0.579-1.595-1-2.414-1H41.5z"
|
||||||
|
id="path6" />
|
||||||
|
<linearGradient
|
||||||
|
id="XMLID_6_"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="65"
|
||||||
|
y1="4"
|
||||||
|
x2="65"
|
||||||
|
y2="126.3333">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#A70000"
|
||||||
|
id="stop9" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#A70000"
|
||||||
|
id="stop11" />
|
||||||
|
</linearGradient>
|
||||||
|
<path
|
||||||
|
d="M41.5,3c-0.819,0-1.835,0.421-2.414,1L6,37.086c-0.58,0.579-1,1.595-1,2.414v47 c0,0.819,0.42,1.835,1,2.414L39.086,122c0.579,0.579,1.595,1,2.414,1h47c0.819,0,1.835-0.421,2.414-1L124,88.914 c0.58-0.579,1-1.595,1-2.414v-47c0-0.819-0.42-1.835-1-2.414L90.914,4c-0.579-0.579-1.595-1-2.414-1H41.5z"
|
||||||
|
id="path13"
|
||||||
|
fill="url(#XMLID_6_)" />
|
||||||
|
<linearGradient
|
||||||
|
id="XMLID_7_"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="62.4341"
|
||||||
|
y1="48.8359"
|
||||||
|
x2="75.4341"
|
||||||
|
y2="120.5859">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#BD0000"
|
||||||
|
id="stop16" />
|
||||||
|
<stop
|
||||||
|
offset="0.3522"
|
||||||
|
style="stop-color:#C40000"
|
||||||
|
id="stop18" />
|
||||||
|
<stop
|
||||||
|
offset="0.8691"
|
||||||
|
style="stop-color:#D80000"
|
||||||
|
id="stop20" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#DE0000"
|
||||||
|
id="stop22" />
|
||||||
|
</linearGradient>
|
||||||
|
<path
|
||||||
|
d="M90.207,121.293C89.818,121.682,89.05,122,88.5,122h-47c-0.55,0-1.318-0.318-1.707-0.707 L6.707,88.207C6.318,87.818,6,87.05,6,86.5v-47c0-0.55,0.318-1.318,0.707-1.707L39.793,4.707C40.182,4.318,40.95,4,41.5,4h47 c0.55,0,1.318,0.318,1.707,0.707l33.086,33.086C123.682,38.182,124,38.95,124,39.5v47c0,0.55-0.318,1.318-0.707,1.707 L90.207,121.293z"
|
||||||
|
id="path24"
|
||||||
|
fill="url(#XMLID_7_)" />
|
||||||
|
<linearGradient
|
||||||
|
id="XMLID_8_"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="65"
|
||||||
|
y1="81.5"
|
||||||
|
x2="65"
|
||||||
|
y2="123.4998">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#BD0000"
|
||||||
|
id="stop27" />
|
||||||
|
<stop
|
||||||
|
offset="0.0432"
|
||||||
|
style="stop-color:#C10606"
|
||||||
|
id="stop29" />
|
||||||
|
<stop
|
||||||
|
offset="0.2944"
|
||||||
|
style="stop-color:#D62424"
|
||||||
|
id="stop31" />
|
||||||
|
<stop
|
||||||
|
offset="0.5413"
|
||||||
|
style="stop-color:#E63A3A"
|
||||||
|
id="stop33" />
|
||||||
|
<stop
|
||||||
|
offset="0.7796"
|
||||||
|
style="stop-color:#EF4747"
|
||||||
|
id="stop35" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#F24B4B"
|
||||||
|
id="stop37" />
|
||||||
|
</linearGradient>
|
||||||
|
<path
|
||||||
|
fill="url(#XMLID_8_)"
|
||||||
|
d="M90.207,120.293C89.818,120.682,89.05,121,88.5,121h-47c-0.55,0-1.318-0.318-1.707-0.707 L6.707,87.207C6.318,86.818,6,86.05,6,85.5v1c0,0.55,0.318,1.318,0.707,1.707l33.086,33.086C40.182,121.682,40.95,122,41.5,122h47 c0.55,0,1.318-0.318,1.707-0.707l33.086-33.086C123.682,87.818,124,87.05,124,86.5v-1c0,0.55-0.318,1.318-0.707,1.707 L90.207,120.293z"
|
||||||
|
id="path39" />
|
||||||
|
<linearGradient
|
||||||
|
id="XMLID_9_"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="24.2324"
|
||||||
|
y1="6.876"
|
||||||
|
x2="79.9819"
|
||||||
|
y2="83.6252">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#E05E5E"
|
||||||
|
id="stop42" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#D81818"
|
||||||
|
id="stop44" />
|
||||||
|
</linearGradient>
|
||||||
|
<path
|
||||||
|
d="M55.459,71.301C88,63.75,124,66.25,124,66.25V39.5c0-0.55-0.318-1.318-0.707-1.707L90.207,4.707 C89.818,4.318,89.05,4,88.5,4h-47c-0.55,0-1.318,0.318-1.707,0.707L6.707,37.793C6.318,38.182,6,38.95,6,39.5v47 c0,0.55,0.318,1.318,0.707,1.707l3.667,3.667C10.374,91.874,29.005,77.439,55.459,71.301z"
|
||||||
|
id="path46"
|
||||||
|
fill="url(#XMLID_9_)" />
|
||||||
|
<linearGradient
|
||||||
|
id="XMLID_10_"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="-1"
|
||||||
|
y1="22.2998"
|
||||||
|
x2="141.6667"
|
||||||
|
y2="22.2998">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#E57373"
|
||||||
|
id="stop49" />
|
||||||
|
<stop
|
||||||
|
offset="0.118"
|
||||||
|
style="stop-color:#EC9393"
|
||||||
|
id="stop51" />
|
||||||
|
<stop
|
||||||
|
offset="0.2664"
|
||||||
|
style="stop-color:#F4B4B4"
|
||||||
|
id="stop53" />
|
||||||
|
<stop
|
||||||
|
offset="0.3897"
|
||||||
|
style="stop-color:#F9C9C9"
|
||||||
|
id="stop55" />
|
||||||
|
<stop
|
||||||
|
offset="0.4719"
|
||||||
|
style="stop-color:#FBD0D0"
|
||||||
|
id="stop57" />
|
||||||
|
<stop
|
||||||
|
offset="0.5484"
|
||||||
|
style="stop-color:#F9C8C8"
|
||||||
|
id="stop59" />
|
||||||
|
<stop
|
||||||
|
offset="0.6698"
|
||||||
|
style="stop-color:#F5B1B1"
|
||||||
|
id="stop61" />
|
||||||
|
<stop
|
||||||
|
offset="0.8208"
|
||||||
|
style="stop-color:#ED8B8B"
|
||||||
|
id="stop63" />
|
||||||
|
<stop
|
||||||
|
offset="0.9942"
|
||||||
|
style="stop-color:#E35858"
|
||||||
|
id="stop65" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#E35656"
|
||||||
|
id="stop67" />
|
||||||
|
</linearGradient>
|
||||||
|
<path
|
||||||
|
d="M123.293,37.793L90.207,4.707C89.818,4.318,89.05,4,88.5,4h-47c-0.55,0-1.318,0.318-1.707,0.707 L6.707,37.793C6.318,38.182,6,38.95,6,39.5v1.1c0-0.55,0.318-1.318,0.707-1.707L39.793,5.809C40.182,5.42,40.95,5.102,41.5,5.102 h47c0.55,0,1.318,0.318,1.707,0.707l33.086,33.084C123.682,39.281,124,40.05,124,40.6v-1.1 C124,38.95,123.682,38.182,123.293,37.793z"
|
||||||
|
id="path69"
|
||||||
|
fill="url(#XMLID_10_)" />
|
||||||
|
|
||||||
|
<g
|
||||||
|
id="g2914"><path
|
||||||
|
style="opacity:1;fill:white;fill-opacity:1;stroke:none;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
d="M 43.781253,27.640625 L 29.656253,41.765625 L 50.875003,62.984375 L 29.656253,84.203125 L 43.781253,98.359375 L 65.000002,77.140625 L 86.218752,98.359375 L 100.34375,84.203125 L 79.125002,62.984375 L 100.34375,41.765625 L 86.218752,27.640625 L 65.000002,48.859375 L 43.781253,27.640625 z "
|
||||||
|
id="rect1944" /></g><path
|
||||||
|
fill="url(#XMLID_7_)"
|
||||||
|
id="path3193"
|
||||||
|
d="M90.207,121.293C89.818,121.682,89.05,122,88.5,122h-47c-0.55,0-1.318-0.318-1.707-0.707 L6.707,88.207C6.318,87.818,6,87.05,6,86.5v-47c0-0.55,0.318-1.318,0.707-1.707L39.793,4.707C40.182,4.318,40.95,4,41.5,4h47 c0.55,0,1.318,0.318,1.707,0.707l33.086,33.086C123.682,38.182,124,38.95,124,39.5v47c0,0.55-0.318,1.318-0.707,1.707 L90.207,121.293z"
|
||||||
|
style="fill:#00ff00;opacity:0.36016949" /></svg>
|
||||||
|
After Width: | Height: | Size: 7.7 KiB |
|
|
@ -0,0 +1,85 @@
|
||||||
|
<?php
|
||||||
|
$u = $_SERVER['REQUEST_URI'];
|
||||||
|
if (substr($u, strlen($u)-1) == '/') {
|
||||||
|
$u = substr($u, 0, strlen($u)-1);
|
||||||
|
header("Location: $u");
|
||||||
|
}
|
||||||
|
$u = explode('/', $u);
|
||||||
|
$u = $u[sizeof($u)-1];
|
||||||
|
if (strpos($u, '?') === 0)
|
||||||
|
$u = substr($u, 1);
|
||||||
|
|
||||||
|
|
||||||
|
header('content-type: text/html; charset=UTF-8');
|
||||||
|
$TITLE = 'Niels\' nature';
|
||||||
|
|
||||||
|
$o = array(
|
||||||
|
'da' => 'Dansk',
|
||||||
|
'en' => 'English'
|
||||||
|
);
|
||||||
|
|
||||||
|
if ($u == '')
|
||||||
|
$special = 1;
|
||||||
|
elseif (array_key_exists($u, $o)) {
|
||||||
|
include("langs/$u.php");
|
||||||
|
$special = 0;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
$special = 2;
|
||||||
|
|
||||||
|
if ($special)
|
||||||
|
$spestr = " style='display: none;'";
|
||||||
|
else
|
||||||
|
$spestr = '';
|
||||||
|
|
||||||
|
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="<?=$LANG?>" lang="<?=$LANG?>">
|
||||||
|
<head>
|
||||||
|
<title><?=$TITLE?></title>
|
||||||
|
|
||||||
|
<link href='style.css' type='text/css' rel='stylesheet' />
|
||||||
|
<script type='text/javascript' src='subtitler.js'></script>
|
||||||
|
<script type='text/javascript' src='script.js'></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<object data='img/bgflow.svg' type='image/svg+xml' id='bgflow'></object>
|
||||||
|
|
||||||
|
<div id='text_wrapper'>
|
||||||
|
<div id='text_box'>
|
||||||
|
<a class='img' id='text_header' href='.'>
|
||||||
|
<div id='text_header_content'>
|
||||||
|
<?=$TITLE?>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div id='text_header_space'></div>
|
||||||
|
<ul id='text_menu'<?=$spestr?>>
|
||||||
|
<li><a href='#start'><?=$MENU_START?></a></li>
|
||||||
|
<li><a href='#episodes'><?=$MENU_EPISODES?></a></li>
|
||||||
|
<li><a href='#details'><?=$MENU_DETAILS?></a></li>
|
||||||
|
<div class='end'></div>
|
||||||
|
</ul>
|
||||||
|
<div id='text_content'>
|
||||||
|
<div id='content_start'<?=$spestr?>><noscript><a name='start'></a></noscript><?=$CONTENT_START?></div>
|
||||||
|
<div id='content_episodes'<?=$spestr?>><noscript><a name='episodes'></a></noscript><?=$CONTENT_EPISODES?></div>
|
||||||
|
<div id='content_details'<?=$spestr?>><noscript><a name='details'></a></noscript><?=$CONTENT_DETAILS?></div>
|
||||||
|
<?php if ($special == 1) { ?>
|
||||||
|
<h1>Hej / Hi</h1>
|
||||||
|
<hr />
|
||||||
|
<?php
|
||||||
|
foreach ($o as $k=>$v)
|
||||||
|
echo "<p class='large'><a href='$k'>$v</a></p>\n"
|
||||||
|
?>
|
||||||
|
<div style='width: 513px; height: 291px;'></div>
|
||||||
|
<img src='img/forest-distorted.jpg' alt='Nature' title='Nature'
|
||||||
|
class='bottom-page' />
|
||||||
|
<?php } else if ($special == 2) { ?>
|
||||||
|
<h1>Oh no!</h1>
|
||||||
|
<hr />
|
||||||
|
<p>The language using the '<?=$u?>' code isn't supported yet!</p>
|
||||||
|
<p>If you like, <i>you</i> can be the one to translate "Niels' nature" into this language. Simply contact Niels at <a href='mailto:ns@metanohi.org'>ns@metanohi.org</a>.</p>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,257 @@
|
||||||
|
<?php
|
||||||
|
$LANG = 'da';
|
||||||
|
$TITLE = 'Niels\' natur';
|
||||||
|
$MENU_START = 'Start';
|
||||||
|
$MENU_EPISODES = 'Afsnit';
|
||||||
|
$MENU_DETAILS = 'Detaljer';
|
||||||
|
|
||||||
|
$CONTENT_START = <<<EOD
|
||||||
|
<h1><i>Narh</i>-tur or <i>yeah</i>-tur?</h1>
|
||||||
|
<h3>Lad <em>Niels</em> forklare om naturen</h3>
|
||||||
|
<hr />
|
||||||
|
<p>Hvad er naturen? Hvordan endte verden med at blive, som den er i
|
||||||
|
dag? Hvorfor dukker alfer normalt ikke op foran mennesker?</p>
|
||||||
|
<p>Disse spørgsmål er svære at svare på. De, ligesom mange andre
|
||||||
|
naturrelaterede spørgsmål, kræver meget tænkning, teorigenerering og
|
||||||
|
hjernevask for at svare på. Selv de største filosoffer vil aldrig være
|
||||||
|
i stand til at komme med et definitivt svar på så komplekse
|
||||||
|
spørgsmål. Selv ikke <em>Niels</em> er i stand til at forklare
|
||||||
|
det.</p>
|
||||||
|
<h2>Natur + Niels = sandheden</h2>
|
||||||
|
<p>Så, hvem er denne <em>Niels</em>? Og hvad med det
|
||||||
|
der <em>natur</em> -- hvad er det egentligt? Tja, <em>Niels</em> er en
|
||||||
|
person, og <em>naturen</em> er det sted Niels optager sine film --
|
||||||
|
sine film om naturen. Indtil videre har han optaget tre film i
|
||||||
|
naturen, hvert med et specifikt og ret relevant tema.</p>
|
||||||
|
<p>Så, helt basalt: "Niels' natur" er en tv-serie -- bortset fra, at
|
||||||
|
det er mere sandsynligt, at den bliver afspillet på en computer.</p>
|
||||||
|
<hr />
|
||||||
|
<p class='large center'><a href='#episodes'>Se afsnittene</a></p>
|
||||||
|
EOD;
|
||||||
|
|
||||||
|
$CONTENT_EPISODES = <<<EOD
|
||||||
|
<h1>Afsnittene</h1>
|
||||||
|
<p>Niels har indtil videre produceret 3 afsnit, hvoraf kun den tredje
|
||||||
|
(altså den nyeste) er oppe. Dette vil blive ændret i fremtiden.. på et
|
||||||
|
eller andet tidspunkt.</p>
|
||||||
|
<p>I alle tre afsnit snakker Niels på sin tur i skoven. Han snakker om
|
||||||
|
træer, Bigfoots, lokal opvarmning og bambus.</p>
|
||||||
|
<p>For at tillade folk, der ikke kan forstå dansk, at se "Niels'
|
||||||
|
natur", sørger Niels for at undertekste sine afsnit. Indtil videre er
|
||||||
|
kun det tredje afsnit blevet undertekstet, og det kun på engelsk. Hvis
|
||||||
|
nogen vil undertekste et afsnit i et andet sprog, så vil Niels
|
||||||
|
glædeligt acceptere. Niels kan kontaktes
|
||||||
|
på <a href='mailto:ns@metanohi.org'>ns@metanohi.org</a>.</p>
|
||||||
|
<p>Alle 3 afsnit er licenserede under CC BY-SA, en <em>fri</em>
|
||||||
|
licens. Læs mere om dette
|
||||||
|
på <a href='#details'>Detaljer</a>-siden.</p> <hr />
|
||||||
|
<h3>Hvordan man kan se afsnittene</h3>
|
||||||
|
<p>Hvis du kører en moderne webbrowser, er der en chance for, at du
|
||||||
|
bare kan klikke på et afsnits billede og så se afsnittet i din
|
||||||
|
browser. Hvis du ikke er i stand til at gøre det, eller hvis du bare
|
||||||
|
ikke har lyst, så kan du altid bare downloade et afsnit for at se det
|
||||||
|
offline -- bare klik på downloadlinksene.</p>
|
||||||
|
<p>Videoerne varer mellem 25 og 35 minutter hver og
|
||||||
|
bruger <a href='http://www.xiph.org/'>OGG</a>-formatet
|
||||||
|
-- <a href='http://www.theora.org/'>Theora</a> for video
|
||||||
|
og <a href='http://www.vorbis.com/setup/'>Vorbis</a> for lyd. Du kan
|
||||||
|
læse mere om dette på <a href='#details'>Detaljer</a>-siden.</p>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Afsnit 3: Global opvarmning</h2>
|
||||||
|
<p>Dette blev optaget i december 2009.</p>
|
||||||
|
<a class='shotimg' href='#play3'>
|
||||||
|
<img src='img/ep3.jpg' alt='Screenshot af afsnit 3: Global
|
||||||
|
opvarmning' />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p><a href='#play3'>Afspil i browser (uden undertekster)
|
||||||
|
(188MB)</a></p>
|
||||||
|
<p><a href='#play3.en'>Afspil i browser (med engelske undertekster)
|
||||||
|
(188MB)</a></p>
|
||||||
|
<p><a href='vid/niels-natur3-small.ogv'>Download (ingen undertekster
|
||||||
|
inkluderet) (188MB)</a></p>
|
||||||
|
<p><a href='vid/niels-natur3-en.srt'>Download engelske
|
||||||
|
undertekster</a></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Afsnit 2: Bigfoot</h2>
|
||||||
|
<p>Dette blev optaget i april 2009.</p>
|
||||||
|
<img src='img/ep2.jpg' alt='Screenshot af afsnit 2: Bigfoot'
|
||||||
|
style='width: 513px; height: 282px;' />
|
||||||
|
<p><span class='error'>Video ikke oppe endnu.</span></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Afsnit 1: Naturen omkring os</h2>
|
||||||
|
<p>Dette blev optaget i december 2008.</p>
|
||||||
|
<img src='img/ep1.jpg' alt='Screenshot af afsnit 1: Naturen omkring os'
|
||||||
|
style='width: 513px; height: 282px;' />
|
||||||
|
<p><span class='error'>Video ikke oppe endnu.</span></p>
|
||||||
|
EOD;
|
||||||
|
|
||||||
|
$CONTENT_DETAILS = <<<EOD
|
||||||
|
<h1>Hvordan/Hvorfor/Hvad..</h1>
|
||||||
|
<p>Det har ikke været nemt at komme så langt som til her. Man skal
|
||||||
|
både filme, instruere, planlægge, tænke.. Alle ting meget svære. Denne
|
||||||
|
side vil forsøge at give detaljerede forklaringer af forskellige
|
||||||
|
halvkomplekse.. ting.</p>
|
||||||
|
|
||||||
|
<h2>Naturen</h2>
|
||||||
|
<p>Filmene foregår i naturen. Det' det.</p>
|
||||||
|
|
||||||
|
<h2>Licens, copyright</h2>
|
||||||
|
<p><i><b>Copyright</b></i> --
|
||||||
|
se <a href='http://da.wikipedia.org/wiki/Copyright'>Wikipedias
|
||||||
|
artikel</a> for en forklaring -- har nået et niveau, hvor kun få
|
||||||
|
mennesker har den ret. Hvis man kigger på en almindelig film, et
|
||||||
|
stykke musik eller endda et computerprogram, er det ofte ulovligt bare
|
||||||
|
at kopiere det. Hvis en person har brugt 5MB af sin harddisk på et
|
||||||
|
stykke musik og derefter vælger at kopiere det, så det fylder 5MB på
|
||||||
|
en vens harddisk, er der en stor risiko for, at den person gør noget
|
||||||
|
ulovligt, fordi hvis musikken er dækket af en tung copyright (som en
|
||||||
|
masse film, musik, bøger, osv. er), er det kun de, der har retten til
|
||||||
|
at kopiere et værk, som må kopiere det. Dette virker måske fint, når
|
||||||
|
copyrightejererne kun bruger deres magt i kommercielle sammenhænge,
|
||||||
|
men når de begynder at begrænse almindelige menneskers mulighed for at
|
||||||
|
dele kunst, så er det gået for vidt.</p>
|
||||||
|
<p>Så..</p>
|
||||||
|
<p>"Niels' natur"-afsnit er <em>fri</em>, i det, at alle må dele
|
||||||
|
dem. Som en bonus, er alle også tilladt at ændre på afsnittene og dele
|
||||||
|
deres ændrede afsnit, så endnu flere mennesker kan få noget ud af
|
||||||
|
det. Alt dette er muligt
|
||||||
|
vha. <a href='http://creativecommons.org/licenses/by-sa/3.0/deed.da'
|
||||||
|
rel='license'>Creative Commons Navngivelse-Del på samme vilkår 3.0
|
||||||
|
Unported</a> (også kaldet Attribution-ShareAlike). Wikipedia bruger
|
||||||
|
også denne licens. "Niels' natur" -- både filmene og teksten på denne
|
||||||
|
hjemmeside -- er tilgængelige under den licens. For at licensen skal
|
||||||
|
virke, skal der være en copyrightejer. Dette er fordi det er
|
||||||
|
en <a href='http://en.wikipedia.org/wiki/Copyleft'>copyleft</a>
|
||||||
|
licens.</p> <hr />
|
||||||
|
<p class='noindent'>Copyright © 2008, 2009, 2010 Niels Serup<br /> Al
|
||||||
|
tekst-, billed- (bortset fra <a href='img/stop.png'>'stop.svg' and
|
||||||
|
'stop.png'</a>, som er fælleseje i public domain) og filmmateriale på
|
||||||
|
denne hjemmeside er tilgængeligt under Creative Commons
|
||||||
|
Navngivelse-Del på samme vilkår 3.0 Unported.</p> <hr />
|
||||||
|
<p class='noindent'>Billedet 'stop.svg' er taget
|
||||||
|
fra <a href='http://tango.freedesktop.org/'>Tango Desktop Project</a>
|
||||||
|
og så lidt ændret. Tangos standardikoner er i public domain, så der er
|
||||||
|
ikke noget, der stopper mig fra at gøre dem tilgængelige under CC
|
||||||
|
BY-SA. Men jeg vil respektere projektets ideologi og lade være med at
|
||||||
|
gøre det.</p> <hr />
|
||||||
|
<p>For at kreditere mig, er et link til denne hjemmeside
|
||||||
|
('http://natur.metanohi.org/') samt mit navn ('Niels Serup') fint.</p>
|
||||||
|
<p>Forresten: Denne hjemmeside bruger en lille
|
||||||
|
smule <a href='http://en.wikipedia.org/wiki/Javascript'>JavaScript</a>-kode
|
||||||
|
til at gøre nogle ting lidt mere fancy. Du skal ikke kreditere mig,
|
||||||
|
hvis du genbruger noget af koden
|
||||||
|
eller <a href='http://en.wikipedia.org/wiki/HTML'>HTML</a>-formatteringen
|
||||||
|
fra denne hjemmeside. Jeg synes, at det er for trivielt til at behøve
|
||||||
|
en copyleft licens -- bare kopier og del som det passer dig.</p>
|
||||||
|
|
||||||
|
<h2>Kontakt</h2>
|
||||||
|
<p>Du kan kontakte mig
|
||||||
|
på <a href='mailto:ns@metanohi.org'>ns@metanohi.org</a>.</p>
|
||||||
|
|
||||||
|
<h2>OGG</h2>
|
||||||
|
<a class='img' href='http://playogg.org/'><img class='left'
|
||||||
|
src='img/playogg.png' alt='Play OGG' /></a>
|
||||||
|
<p>Niels' natur'-afsnit er
|
||||||
|
i <a href='http://www.xiph.org/'>OGG</a>-formatet,
|
||||||
|
med <a href='http://www.theora.org/'>Theora</a> til video
|
||||||
|
og <a href='http://www.vorbis.com/setup/'>Vorbis</a> til lyd. OGG er
|
||||||
|
et frit multimediecontainerformat. Det er nemt at implementere OGG, da
|
||||||
|
specifikationen er frit tilgængelig for alle. Samtidig skal man ikke
|
||||||
|
betale royalties til nogen.</p>
|
||||||
|
<p>Du kan læse mere om OGG
|
||||||
|
i <a href="http://en.flossmanuals.net/TheoraCookbook/">manualen af
|
||||||
|
FLOSS Manuals</a>, enten online eller som en pdf.</p>
|
||||||
|
<h3>"Hvorfor ikke YouTube?"</h3>
|
||||||
|
<p>YouTube bruger stadig hovedsageligt H.264 til deres videoer. Det
|
||||||
|
kan godt være at det teknisk er et godt codec, men det er noget
|
||||||
|
rod med alle dets patentproblemer. Det er derfor godt at YouTube
|
||||||
|
begynder at bruge det nye format WebM med VP8, da det er et frit
|
||||||
|
format. Det er dog stadig mest almindeligt med Flash-baserede
|
||||||
|
afspillere (i stedet for HTML5-baserede), og da Flash kun til
|
||||||
|
fulde kan afspilles af det proprietære Adobe Flash-software, er
|
||||||
|
det et problem. Dog ser det ud til at den frie Flash-afspiller
|
||||||
|
Gnash bliver bedre og bedre til det. Men selv om Gnash kan køre
|
||||||
|
videoprogrammet, er videoprogrammet jo stadig ikke nødvendigvis
|
||||||
|
frit. Og eftersom det nok ikke ligefrem er trivielt, burde
|
||||||
|
Flash-kildekoden være fri. Så selv hvis Gnash bliver perfekt,
|
||||||
|
kræver det også at videoafspilleren er det.</p>
|
||||||
|
<p>Umiddelbart ser det ud til at YouTube bruger en del ikke-trivielt,
|
||||||
|
ikke-frit JavaScript, samtidig med at selve kernen i hele deres
|
||||||
|
system kun er tilgængelig via en API. Det er et problem. YouTube
|
||||||
|
har også reklamer, hvilket er irriterende. Ens brug af YouTube er
|
||||||
|
i typisk Google-facon nok ikke så privat igen
|
||||||
|
(se <a href='http://www.youtube.com/t/privacy'>http://www.youtube.com/t/privacy</a>).</p>
|
||||||
|
<p>Læs mere om fri software, alternativet til proprietær software, på
|
||||||
|
<a href='http://gnu.org/'>gnu.org</a>.</p>
|
||||||
|
|
||||||
|
<h2>Hvordan man kan afspille afsnittene</h2>
|
||||||
|
<p>Hvis du bruger en rimelig ny browser, burde det være muligt at
|
||||||
|
afspille afsnittene indeni din browser. De er sat ind
|
||||||
|
vha. HTML5s <a href='http://en.wikipedia.org/wiki/Use_of_Ogg_formats_in_HTML5'><code><video></code></a>-tag,
|
||||||
|
som virker i Firefox 3.5+ og også nogle andre browsere. Hvis det ikke
|
||||||
|
virker,
|
||||||
|
træder <a href='http://www.theora.org/cortado/'>Cortado</a>-afspilleren
|
||||||
|
i kræft. Undertekster virker nok ikke med Cortado, da det er et
|
||||||
|
applet.</p>
|
||||||
|
<p>Hvis du ikke kan eller vil afspille afsnittene direkte i din
|
||||||
|
browser, så kan du bare downloade dem og se dem i din
|
||||||
|
favoritmedieafspiller.</p>
|
||||||
|
|
||||||
|
<h2>Denne hjemmeside</h2>
|
||||||
|
<p>Bortset fra, at denne side
|
||||||
|
bruger <code><video></code>-tagget, så bruger hjemmesiden også
|
||||||
|
andre nye tilføjelser til HTML. I browsere der har support for det
|
||||||
|
(Firefox 3.5+, GNU IceCat 3.5+, etc.) er der i baggrunden et
|
||||||
|
SVG-billede (<a href='img/bgflow.svg'>bgflow.svg</a>). Også
|
||||||
|
gennemsigtighed sammen med andre ny fancy CSS-effekter bliver brugt
|
||||||
|
hist og her. Alt dette er bare pynt, og selv hvis det ikke vises, så
|
||||||
|
virker hjemmesiden stadig. Den virker også fint uden
|
||||||
|
JavaScriptkoden. Om ikke andet virker den i hvert fald ok i Lynx.</p>
|
||||||
|
<p>Jeg bruger en speciel skrifttype kaldt "Domestic Manners" nogle
|
||||||
|
steder på siden (det vises ikke nødvendigvis i alle
|
||||||
|
browsere). <a href='http://www.fontspace.com/cheapskate-fonts/domestic-manners'>Her</a>
|
||||||
|
står der, at skrifttypen er tilgængelig
|
||||||
|
under <a href='http://www.gnu.org/licenses/gpl.html'>GPL</a>. Der står
|
||||||
|
dog ikke hvilken version af GPL.</p>
|
||||||
|
|
||||||
|
<h2>Niels</h2>
|
||||||
|
<p>Jeg hedder Niels Serup, og jeg lavede disse film. Jeg bor ved siden
|
||||||
|
af en skov. <a href='http://metanohi.org/aboutme/'>Læs mere om
|
||||||
|
mig.</a></p>
|
||||||
|
|
||||||
|
<h2>Redigering og encoding</h2>
|
||||||
|
<p>Det kan godt være ret svært at kreere en film, der ser flot ud,
|
||||||
|
især hvis man vil have, at den skal se profesionel ud. Det gør det
|
||||||
|
ikke nemmere, hvis man bruger en langsom, gammel computer. Det
|
||||||
|
lykkedes dog for mig.</p>
|
||||||
|
<h3>Redigering</h3>
|
||||||
|
<p>For mit tredje afsnit tænkte jeg, at det kunne være rart at klippe
|
||||||
|
lidt. Jeg fandt <a href='http://www.pitivi.org/'>PiTiVi</a>. Det er
|
||||||
|
måske stadig ret nyt, men det var meget nemt at arbejde med.</p>
|
||||||
|
<h3>Encoding</h3>
|
||||||
|
<p>PiTiVi kan også bruges til at "render" ens video, men på mysterisk
|
||||||
|
vis blev det ved med at crashe og stoppe på underlige tidspunkter på
|
||||||
|
min computer. Mens jeg kiggede efter hjælp, lagde jeg mærke til,
|
||||||
|
at <a href='http://www.kinodv.org/'>Kino</a> ikke havde nogen
|
||||||
|
problemer med at lave en endelig videofil. For at på Kino til at læse
|
||||||
|
min PiTivifil lavede jeg en converter. De to videoprogrammer bruger
|
||||||
|
forskellige formater, så det var nødvendigt. Du kan hente min
|
||||||
|
converter <a href='http://metanohi.org/projects/various/pitivi-smil.tgz'>her</a>.</p>
|
||||||
|
<p>For at ændre mine film til OGG bruger
|
||||||
|
jeg <a href='http://en.flossmanuals.net/ffmpeg2theora'><code>ffmpeg2theora</code></a>. Min
|
||||||
|
kommando ser ud nogenlunde sådan her:</p>
|
||||||
|
<code>
|
||||||
|
ffmpeg2theora -o niels-naturX-small.ogv --deinterlace --optimize -v 4 -a 4 -x 448 -y 360 --aspect 16:9 --artist "Niels Serup" --title "Niels' nature X: Y" --date "2009-12-19" --location "Northern Denmark" --copyright "20XX Niels Serup" --license "CC BY-SA (http://creativecommons.org/licenses/by-sa/3.0/)" niels-naturX.dv
|
||||||
|
</code>
|
||||||
|
|
||||||
|
<br /><br />
|
||||||
|
<h1>HVORFOR???</h1>
|
||||||
|
<p>Hvorfor ikke?</p>
|
||||||
|
|
||||||
|
EOD;
|
||||||
|
?>
|
||||||
|
|
@ -0,0 +1,255 @@
|
||||||
|
<?php
|
||||||
|
$LANG = 'en';
|
||||||
|
$TITLE = 'Niels\' nature';
|
||||||
|
$MENU_START = 'Start';
|
||||||
|
$MENU_EPISODES = 'Episodes';
|
||||||
|
$MENU_DETAILS = 'Details';
|
||||||
|
|
||||||
|
$CONTENT_START = <<<EOD
|
||||||
|
<h1><i>Nay</i>-ture or <i>yeah</i>-ture?</h1>
|
||||||
|
<h3>Let <em>Niels</em> explain nature</h3>
|
||||||
|
<hr />
|
||||||
|
<p>What is nature? How did the world end up being what it is today?
|
||||||
|
Why do elfs generally not appear before humans?</p>
|
||||||
|
<p>These questions are difficult to answer; they, like many other
|
||||||
|
nature-related questions, require much thinking, theorizing and
|
||||||
|
brainwashing to answer. Even the greatest philosophers will never be
|
||||||
|
able to come with a definite answer to such complex questions. Not
|
||||||
|
even <em>Niels</em> is able to explain it.</p>
|
||||||
|
<h2>Nature + Niels = Truth</h2>
|
||||||
|
<p>So, who is this <em>Niels</em>? And what about this <em>nature</em>
|
||||||
|
-- what is it really? Well, <em>Niels</em> is a person,
|
||||||
|
and <em>nature</em> is where Niels records his films -- his films
|
||||||
|
about nature. So far he has recorded three films in the nature, each
|
||||||
|
one with a specific and quite relevant theme.</p>
|
||||||
|
<p>So, basically, "Niels' nature" is a TV show -- except that it is
|
||||||
|
more likely to be played on a computer.</p> <hr />
|
||||||
|
<p class='large center'><a href='#episodes'>Watch the episodes</a></p>
|
||||||
|
EOD;
|
||||||
|
|
||||||
|
$CONTENT_EPISODES = <<<EOD
|
||||||
|
<h1>The eps</h1>
|
||||||
|
<p>Niels has currently produced 3 episodes, of which currently only
|
||||||
|
the third (i.e. the newest) is online. This will change at some point,
|
||||||
|
though it is unclear when.</p>
|
||||||
|
<p>In all of the three episodes Niels talks as he walks. He talks
|
||||||
|
about trees, Bigfeet, local warming and bamboos.</p>
|
||||||
|
<p>Niels speaks Danish, so these episodes are also in Danish. As
|
||||||
|
Danish isn't a widely understood language, Niels subtitles his
|
||||||
|
episodes. For now, only the third episode has been subbed, and it has
|
||||||
|
only been subbed in English. If someone volunteers to sub an episode
|
||||||
|
in another language, Niels will gladly accept. Niels can be contacted
|
||||||
|
at <a href='mailto:ns@metanohi.org'>ns@metanohi.org</a>.</p>
|
||||||
|
<p>Note that all of the episodes are licensed under CC BY-SA,
|
||||||
|
a <em>free</em> license. Read more about this on
|
||||||
|
the <a href='#details'>Details</a> page.</p> <hr />
|
||||||
|
<h3>How to watch</h3>
|
||||||
|
<p>If you're using a modern web browser, there's a chance you'll be
|
||||||
|
able to simply click on the image of an episode and then watch that
|
||||||
|
episode inside your browser. If you're unable to do that, or if you
|
||||||
|
don't want to do that, you can always just download an episode for
|
||||||
|
offline watching -- just click on the download links.</p>
|
||||||
|
<p>The videos last between 25 and 35 minutes each and are encoded into
|
||||||
|
the <a href='http://www.xiph.org/'>OGG</a> format,
|
||||||
|
using <a href='http://www.theora.org/'>Theora</a> for video
|
||||||
|
and <a href='http://www.vorbis.com/setup/'>Vorbis</a> for sound. You
|
||||||
|
can read more about this on the <a href='#details'>Details</a>
|
||||||
|
page.</p> <hr />
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Episode 3: Global warming</h2>
|
||||||
|
<p>This was recorded in December 2009.</p>
|
||||||
|
<a class='shotimg' href='#play3.en'>
|
||||||
|
<img src='img/ep3.jpg' alt='Screenshot of episode 3: Global
|
||||||
|
warming' />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<p><a href='#play3'>Play in browser (without subtitles)
|
||||||
|
(188MB)</a></p>
|
||||||
|
<p><a href='#play3.en'>Play in browser (with English subtitles)
|
||||||
|
(188MB)</a></p>
|
||||||
|
<p><a href='vid/niels-natur3-small.ogv'>Download (no included
|
||||||
|
subtitles) (188MB)</a></p>
|
||||||
|
<p><a href='vid/niels-natur3-en.srt'>Download English
|
||||||
|
subtitles</a></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Episode 2: Bigfoot</h2>
|
||||||
|
<p>This was recorded in April 2009.</p>
|
||||||
|
<img src='img/ep2.jpg' alt='Screenshot of episode 2: Bigfoot'
|
||||||
|
style='width: 513px; height: 282px;' />
|
||||||
|
<p><span class='error'>Video not up yet.</span></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Episode 1: The nature around us</h2>
|
||||||
|
<p>This was recorded in December 2008.</p>
|
||||||
|
<img src='img/ep1.jpg' alt='Screenshot of episode 1: The nature around us'
|
||||||
|
style='width: 513px; height: 282px;' />
|
||||||
|
<p><span class='error'>Video not up yet.</span></p>
|
||||||
|
EOD;
|
||||||
|
|
||||||
|
$CONTENT_DETAILS = <<<EOD
|
||||||
|
<h1>How/why/what..</h1>
|
||||||
|
<p>It has not been a simple task to arrive at this point. Filming,
|
||||||
|
directing, encoding, planning, thinking.. All very difficult things to
|
||||||
|
do. This page will attempt to give detailed explanations of various
|
||||||
|
semicomplex.. things.</p>
|
||||||
|
|
||||||
|
<h2>Nature</h2>
|
||||||
|
<p>The films take place in the nature. That's it.</p>
|
||||||
|
|
||||||
|
<h2>License, copyright</h2>
|
||||||
|
<p><i><b>Copyright</b></i> --
|
||||||
|
see <a href='http://en.wikipedia.org/wiki/Copyright'>Wikipedia's
|
||||||
|
article</a> for an explanation -- has reached a level where only a few
|
||||||
|
people have that right. Looking at an ordinary film, a piece of music
|
||||||
|
or even a computer program, it it often <i>illegal</i> to simply copy
|
||||||
|
it. If a person has used up 5MB of their hard disk for a piece of
|
||||||
|
music and then chooses to copy it, so that it takes up 5MB on a
|
||||||
|
friend's hard disk, there's a high risk that person is doing something
|
||||||
|
illegal, because if the music is covered by a heavy copyright (like a
|
||||||
|
lot of films, music, books, etc. are), only the ones who reserve the
|
||||||
|
right to copy it may copy it. This might work okay when the copyright
|
||||||
|
holders only reinforce their right to copy a work in commercial
|
||||||
|
contexts, but when they start to restrict ordinary people from simply
|
||||||
|
sharing art, it's gone too far.</p>
|
||||||
|
<p>So..</p>
|
||||||
|
<p>"Niels' nature" episodes are <em>free</em>, in the sense that
|
||||||
|
everybody is allowed to share them. As a bonus, everybody is also
|
||||||
|
allowed to modify them and share their modifications, so that even
|
||||||
|
more people can benefit. All this is made possible by
|
||||||
|
the <a href='http://creativecommons.org/licenses/by-sa/3.0/'
|
||||||
|
rel='license'>Creative Commons Attribution-ShareAlike 3.0 Unported
|
||||||
|
license</a> (also used by Wikipedia). Niels' nature' -- both the films
|
||||||
|
and the textual content of the website -- is licensed under that
|
||||||
|
license. For the license to work, there must be a copyright
|
||||||
|
owner. This is because it's
|
||||||
|
a <a href='http://en.wikipedia.org/wiki/Copyleft'>copyleft</a>
|
||||||
|
license.</p> <hr />
|
||||||
|
<p class='noindent'>Copyright © 2008, 2009 Niels Serup<br /> All
|
||||||
|
text, pictures (except <a href='img/stop.png'>'stop.svg' and
|
||||||
|
'stop.png'</a>, which are in the public domain) and films on this
|
||||||
|
website are available under the Creative Commons
|
||||||
|
Attribution-ShareAlike 3.0 Unported license.</p> <hr />
|
||||||
|
<p class='noindent'>The image 'stop.svg' is taken from
|
||||||
|
the <a href='http://tango.freedesktop.org/'>Tango Desktop Project</a>
|
||||||
|
and slightly modified. Tango base icons are in the public domain, so
|
||||||
|
nothing's stopping me from releasing my modified version under CC
|
||||||
|
BY-SA. But I'll respect the project's ideology and not do that.</p>
|
||||||
|
<hr />
|
||||||
|
<p>To attribute me, a link to this website
|
||||||
|
('http://nature.metanohi.org/') and a string with my name ('Niels
|
||||||
|
Serup') is enough.</p>
|
||||||
|
<p>Note that this website uses a small amount
|
||||||
|
of <a href='http://en.wikipedia.org/wiki/Javascript'>JavaScript</a>
|
||||||
|
code to make some things a bit fancier. You shouldn't attribute me
|
||||||
|
when reusing code
|
||||||
|
and <a href='http://en.wikipedia.org/wiki/HTML'>HTML</a> formatting
|
||||||
|
from this website. I find it too trivial to have it require a real
|
||||||
|
copyleft license; just copy it as you wish.</p>
|
||||||
|
|
||||||
|
<h2>Contact</h2>
|
||||||
|
<p>You can contact me
|
||||||
|
at <a href='mailto:ns@metanohi.org'>ns@metanohi.org</a>.</p>
|
||||||
|
|
||||||
|
<h2>OGG</h2>
|
||||||
|
<a class='img' href='http://playogg.org/'><img class='left'
|
||||||
|
src='img/playogg.png' alt='Play OGG' /></a>
|
||||||
|
<p>"Niels' nature" episodes are encoded into
|
||||||
|
the <a href='http://www.xiph.org/'>OGG</a> format,
|
||||||
|
using <a href='http://www.theora.org/'>Theora</a> for video
|
||||||
|
and <a href='http://www.vorbis.com/setup/'>Vorbis</a> for sound. OGG
|
||||||
|
is a free video/sound/subtitle container format. Implementing OGG is
|
||||||
|
easy, as its specification is freely available to everyone. It's also
|
||||||
|
royalty-free.</p>
|
||||||
|
<p>You can read more about OGG in
|
||||||
|
the <a href="http://en.flossmanuals.net/TheoraCookbook/">manual
|
||||||
|
published by FLOSS Manuals</a>, either online or as a pdf.</p>
|
||||||
|
<h3>"Why not just YouTube?"</h3>
|
||||||
|
<p>YouTube still mainly uses H.264 for their videos. It may be that it
|
||||||
|
is technically a good codec, but patent-wise it's a mess. That's
|
||||||
|
why it's a good thing that YouTube is beginning to use WebM with
|
||||||
|
VP8, as that is a free format. It is however still most common
|
||||||
|
with Flash-based video players (instead of HTML5-based), and
|
||||||
|
considering that Flash can only be perfectly run by the
|
||||||
|
proprietary Adobe Flash, it's a problem. Gnash, a free Flash
|
||||||
|
player, seems to be steadily solving this problem, but even if it
|
||||||
|
eventually becomes capable of running Flash programs perfectly,
|
||||||
|
the Flash programs may still not be free. And they should.</p>
|
||||||
|
<p>It seems that YouTube uses some non-trivial, non-free JavaScript as
|
||||||
|
well as a non-free core only partly available through an API. This
|
||||||
|
is a problem. YouTube also has ads, which is annoying. One's use
|
||||||
|
of YouTube is in typical Google-way probably not very private
|
||||||
|
(see <a href='http://www.youtube.com/t/privacy'>http://www.youtube.com/t/privacy</a>).</p>
|
||||||
|
<p>Read more about free software, the alternative to proprietary
|
||||||
|
software, on <a href='http://gnu.org/'>gnu.org</a>.</p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>How to play the episodes</h2>
|
||||||
|
<p>If you're using a fairly new browser, it should be possible to play
|
||||||
|
the episodes inside your browser. They are embedded using
|
||||||
|
the <a href='http://en.wikipedia.org/wiki/Use_of_Ogg_formats_in_HTML5'><code><video></code></a>
|
||||||
|
tag of HTML5, which is supported in Firefox 3.5+ as well as other
|
||||||
|
browsers. As a fallback,
|
||||||
|
the <a href='http://www.theora.org/cortado/'>Cortado</a> Java player
|
||||||
|
is used. Subtitles are unlikely to work with Cortado, because it's an
|
||||||
|
applet.</p>
|
||||||
|
<p>If playing the episodes directly in the browser doesn't work, or if
|
||||||
|
you simply don't want to do that, just download the episodes and watch
|
||||||
|
them in your favourite media player.</p>
|
||||||
|
|
||||||
|
<h2>This website</h2>
|
||||||
|
<p>Apart from using the <code><video></code> tag, this website
|
||||||
|
also uses other new additions to HTML. On browsers that support it
|
||||||
|
(Firefox 3.5+, GNU IceCat 3.5+, etc.), the background features an SVG
|
||||||
|
image (<a href='img/bgflow.svg'>bgflow.svg</a>) and transparency as
|
||||||
|
well as other new CSS things are used at various places. All of this
|
||||||
|
is nothing but eyecandy, and if it doesn't work because of a browser
|
||||||
|
that doesn't support it, fear not! The site should still work just
|
||||||
|
fine. It also works just fine without the JavaScript code. It seems to
|
||||||
|
work ok in Lynx, anyway.</p>
|
||||||
|
<p>I'm using a special font called "Domestic Manners" in some areas of
|
||||||
|
the website (it might not show on all browsers). According
|
||||||
|
to <a href='http://www.fontspace.com/cheapskate-fonts/domestic-manners'>this
|
||||||
|
site</a>, the font
|
||||||
|
is <a href='http://www.gnu.org/licenses/gpl.html'>GPL</a>'d, though it
|
||||||
|
doesn't state what version of the GPL it's under.</p>
|
||||||
|
|
||||||
|
<h2>Denmark</h2>
|
||||||
|
<p>Denmark is a small, cold country.</p>
|
||||||
|
|
||||||
|
<h2>Niels</h2>
|
||||||
|
<p>My name is Niels Serup, and I created these films. I live next to a
|
||||||
|
forest. <a href='http://metanohi.org/aboutme/'>Read more about
|
||||||
|
me.</a></p>
|
||||||
|
|
||||||
|
<h2>Editing and encoding</h2>
|
||||||
|
<p>Creating a nice-looking film can be difficult, especially if you
|
||||||
|
want to make it look professional. Using a slow, old computer doesn't
|
||||||
|
make things easier. I did manage it, however.</p>
|
||||||
|
<h3>Editing</h3>
|
||||||
|
<p>For my third episode I thought to myself that it could be nice to
|
||||||
|
do a bit of cutting. I
|
||||||
|
found <a href='http://www.pitivi.org/'>PiTiVi</a>. While still in
|
||||||
|
its early fases, I found it to be very easy to work with.</p>
|
||||||
|
<h3>Encoding</h3>
|
||||||
|
<p>PiTiVi can also be used to render one's video, but it mysteriously
|
||||||
|
kept crashing and stopping at odd times on my computer. While looking
|
||||||
|
for help, I noticed that <a href='http://www.kinodv.org/'>Kino</a>
|
||||||
|
didn't have any rendering problems. To make Kino render render my
|
||||||
|
PiTiVi file, I created a converter. The two programs use different
|
||||||
|
file formats for saving data, so it was necessary. You can download
|
||||||
|
it <a href='http://metanohi.org/projects/various/pitivi-smil.tgz'>here</a>.</p>
|
||||||
|
<p>To convert my films to OGG I
|
||||||
|
use <a href='http://en.flossmanuals.net/ffmpeg2theora'><code>ffmpeg2theora</code></a>. Something
|
||||||
|
like this:</p>
|
||||||
|
<code>
|
||||||
|
ffmpeg2theora -o niels-naturX-small.ogv --deinterlace --optimize -v 4 -a 4 -x 448 -y 360 --aspect 16:9 --artist "Niels Serup" --title "Niels' nature X: Y" --date "2009-12-19" --location "Northern Denmark" --copyright "20XX Niels Serup" --license "CC BY-SA (http://creativecommons.org/licenses/by-sa/3.0/)" niels-naturX.dv
|
||||||
|
</code>
|
||||||
|
|
||||||
|
<br /><br />
|
||||||
|
<h1>WHY???</h1>
|
||||||
|
<p>Why not?</p>
|
||||||
|
|
||||||
|
EOD;
|
||||||
|
?>
|
||||||
|
|
@ -0,0 +1,481 @@
|
||||||
|
/*
|
||||||
|
This program is free software. It comes without any warranty, to
|
||||||
|
the extent permitted by applicable law. You can redistribute it
|
||||||
|
and/or modify it under the terms of the Do What The Fuck You Want
|
||||||
|
To Public License, Version 2, as published by Sam Hocevar. See
|
||||||
|
http://sam.zoy.org/wtfpl/COPYING for more details.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* I'm sorry I never got around to beautifying the code, but I was
|
||||||
|
* simply more focused on encoding and subbing my films.
|
||||||
|
*/
|
||||||
|
|
||||||
|
function empty(){}
|
||||||
|
|
||||||
|
|
||||||
|
HTMLElement.prototype.set_opacity = function(val) {
|
||||||
|
this.style.opacity = val
|
||||||
|
this.style.filter = 'alpha(opacity=' + val*100 + ')'
|
||||||
|
}
|
||||||
|
|
||||||
|
HTMLElement.prototype.fade = function(fade_in, increase, speed, afterfunc) {
|
||||||
|
if (increase == undefined || increase == -1)
|
||||||
|
var increase = 5
|
||||||
|
if (speed = undefined || speed == -1)
|
||||||
|
var speed = 50
|
||||||
|
if (afterfunc == undefined)
|
||||||
|
var afterfunc = empty
|
||||||
|
|
||||||
|
this.style.display = 'block'
|
||||||
|
if (fade_in) {
|
||||||
|
this.fade_opacity = 0
|
||||||
|
this.set_opacity(0)
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.fade_opacity = 100
|
||||||
|
this.set_opacity(1)
|
||||||
|
}
|
||||||
|
this.fade_increase = increase
|
||||||
|
this.fade_afterfunc = afterfunc
|
||||||
|
this.fade_in = fade_in
|
||||||
|
this.fade_interval = setInterval(this.fade_run, speed, this)
|
||||||
|
}
|
||||||
|
|
||||||
|
HTMLElement.prototype.fade_in = function(increase, speed, afterfunc) {
|
||||||
|
this.fade(true, increase, speed, afterfunc)
|
||||||
|
}
|
||||||
|
|
||||||
|
HTMLElement.prototype.fade_out = function(increase, speed, afterfunc) {
|
||||||
|
this.fade(false, increase, speed, afterfunc)
|
||||||
|
}
|
||||||
|
|
||||||
|
HTMLElement.prototype.fade_run = function(obj) {
|
||||||
|
var end
|
||||||
|
if (obj.fade_in) {
|
||||||
|
obj.fade_opacity += obj.fade_increase
|
||||||
|
end = obj.fade_opacity >= 100
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
obj.fade_opacity -= obj.fade_increase
|
||||||
|
end = obj.fade_opacity <= 0
|
||||||
|
}
|
||||||
|
if (!end)
|
||||||
|
obj.set_opacity(obj.fade_opacity/100)
|
||||||
|
else
|
||||||
|
obj.fade_end()
|
||||||
|
}
|
||||||
|
|
||||||
|
HTMLElement.prototype.fade_end = function() {
|
||||||
|
clearInterval(this.fade_interval)
|
||||||
|
if (this.fade_in)
|
||||||
|
this.set_opacity(1)
|
||||||
|
else {
|
||||||
|
this.set_opacity(0)
|
||||||
|
this.style.display = 'none'
|
||||||
|
}
|
||||||
|
delete this.fade_interval
|
||||||
|
delete this.fade_opacity
|
||||||
|
delete this.fade_increase
|
||||||
|
delete this.fade_in
|
||||||
|
var func = this.fade_afterfunc
|
||||||
|
delete this.fade_afterfunc
|
||||||
|
func()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function get_window_size() {
|
||||||
|
if (window.innerWidth) {
|
||||||
|
w = window.innerWidth
|
||||||
|
h = window.innerHeight
|
||||||
|
}
|
||||||
|
else if (document.body.clientWidth) {
|
||||||
|
w = document.body.clientWidth
|
||||||
|
h = document.body.clientHeight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function update_csssvg() {
|
||||||
|
get_window_size()
|
||||||
|
|
||||||
|
try {
|
||||||
|
// More logical resize
|
||||||
|
if (h < w * 0.45)
|
||||||
|
svg.setAttribute('preserveAspectRatio', 'xMidYMid slice')
|
||||||
|
else
|
||||||
|
svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')
|
||||||
|
} catch (error) {}
|
||||||
|
// Just for looks
|
||||||
|
text_box.style.minHeight = h - 101 + 'px'
|
||||||
|
text_content.style.minHeight = h - 215 - menu_height + 'px'
|
||||||
|
}
|
||||||
|
|
||||||
|
function in_list(obj, lst) {
|
||||||
|
for (var x in lst) {
|
||||||
|
if (lst[x] == obj)
|
||||||
|
return x
|
||||||
|
}
|
||||||
|
|
||||||
|
return -1
|
||||||
|
}
|
||||||
|
|
||||||
|
function set_title_based_on_page(num) {
|
||||||
|
if (pages_titles[num])
|
||||||
|
document.title = root_title + ' :: ' + pages_titles[num]
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function pagescroll_start() {
|
||||||
|
if (page_scrolling)
|
||||||
|
return false
|
||||||
|
|
||||||
|
var newelem = pages_elems[new_num]
|
||||||
|
var oldelem = pages_elems[old_num]
|
||||||
|
|
||||||
|
newelem.style.position = 'absolute'
|
||||||
|
newelem.style.top = '6px'
|
||||||
|
newelem.style.marginLeft = '525px'
|
||||||
|
newelem.className = 'focus'
|
||||||
|
|
||||||
|
if (newelem.scrollHeight > oldelem.scrollHeight) {
|
||||||
|
newelem.style.position = ''
|
||||||
|
newelem.style.marginLeft = '525px'
|
||||||
|
oldelem.style.position = 'absolute'
|
||||||
|
oldelem.style.top = '6px'
|
||||||
|
}
|
||||||
|
|
||||||
|
page_moved = 0
|
||||||
|
|
||||||
|
increase = 10
|
||||||
|
page_change_increase = 400
|
||||||
|
|
||||||
|
page_scrolling = true
|
||||||
|
pagescroll()
|
||||||
|
}
|
||||||
|
|
||||||
|
function pagescroll() {
|
||||||
|
var tmp_increase = increase + 15
|
||||||
|
if (page_moved + tmp_increase < page_change_increase)
|
||||||
|
increase = tmp_increase
|
||||||
|
else
|
||||||
|
increase -= 25
|
||||||
|
mv = page_moved + increase
|
||||||
|
if (mv < PAGE_WIDTH) {
|
||||||
|
page_moved = mv
|
||||||
|
text_content.style.left = -mv + 'px'
|
||||||
|
setTimeout("pagescroll()", 50)
|
||||||
|
}
|
||||||
|
else
|
||||||
|
pagescroll_end()
|
||||||
|
}
|
||||||
|
|
||||||
|
function pagescroll_end() {
|
||||||
|
var newelem = pages_elems[new_num]
|
||||||
|
var oldelem = pages_elems[old_num]
|
||||||
|
|
||||||
|
current_page = pages_refs[new_num]
|
||||||
|
set_title_based_on_page(new_num)
|
||||||
|
|
||||||
|
text_content.removeAttribute('style')
|
||||||
|
newelem.removeAttribute('style')
|
||||||
|
oldelem.removeAttribute('style')
|
||||||
|
oldelem.className = 'hidden'
|
||||||
|
|
||||||
|
text_content.style.left = '0'
|
||||||
|
newelem.style.left = '0'
|
||||||
|
oldelem.style.left = '0'
|
||||||
|
|
||||||
|
pages_menu_elems[old_num].className = ''
|
||||||
|
pages_menu_elems[new_num].className = 'focus'
|
||||||
|
|
||||||
|
page_scrolling = false
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function cinema_start(num, subs_lang) {
|
||||||
|
if (video_playing) {
|
||||||
|
if (num != video_playing) {
|
||||||
|
video_playing = num
|
||||||
|
cininf.fade_out(10, -1, function() {cinema_set_description(); cininf.fade_in(10)})
|
||||||
|
cinema_play()
|
||||||
|
}
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if (subs_lang) {
|
||||||
|
var ok = false
|
||||||
|
for (var x in subtitles) {
|
||||||
|
if (subtitles[x][0] == num) {
|
||||||
|
ok = true
|
||||||
|
subtitles[x][1].resume()
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!ok)
|
||||||
|
subtitles.push([num, new subtitle(cinvid, 'vid/niels-natur'+num+'-'+subs_lang+'.srt', cinelm)])
|
||||||
|
}
|
||||||
|
video_playing = num
|
||||||
|
cinema_set_description()
|
||||||
|
cinelm.fade_in(7, -1, cinema_start_continue)
|
||||||
|
}
|
||||||
|
|
||||||
|
function cinema_set_description() {
|
||||||
|
cininf.innerHTML = root_title + ' ' + video_playing
|
||||||
|
}
|
||||||
|
|
||||||
|
function cinema_start_continue() {
|
||||||
|
cininf.fade_in(10)
|
||||||
|
cinelm_close.fade_in(10)
|
||||||
|
|
||||||
|
text_wrapper.style.display = 'none'
|
||||||
|
bgflow.style.display = 'none'
|
||||||
|
|
||||||
|
cinema_play()
|
||||||
|
}
|
||||||
|
|
||||||
|
function cinema_play() {
|
||||||
|
var url = 'vid/niels-natur' + video_playing + '-small.ogv'
|
||||||
|
|
||||||
|
if (cinvid.currentTime != undefined) {
|
||||||
|
cinvid.src = url
|
||||||
|
cinvid.play()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
add_cortado(url)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function cinema_end() {
|
||||||
|
text_wrapper.style.display = ''
|
||||||
|
bgflow.style.display = ''
|
||||||
|
|
||||||
|
if (cinvid.currentTime != undefined) {
|
||||||
|
cinvid.pause()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
remove_cortado()
|
||||||
|
}
|
||||||
|
for (var x in subtitles) {
|
||||||
|
if (subtitles[x][0] == video_playing) {
|
||||||
|
subtitles[x][1].stop()
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
video_playing = 0
|
||||||
|
|
||||||
|
cininf.fade_out(7)
|
||||||
|
cinelm_close.fade_out()
|
||||||
|
cinelm.fade_out(-1, -1, function(){})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function do_action(href) {
|
||||||
|
var action, x
|
||||||
|
action = href.substr(href.indexOf('#')+1)
|
||||||
|
if (!page_scrolling && action != current_page && in_list(action, pages_refs) != -1) {
|
||||||
|
// It is a hidden page (to be shown)
|
||||||
|
|
||||||
|
var name, elem, menu_elem, parent
|
||||||
|
for (x in pages_refs) {
|
||||||
|
name = pages_refs[x]
|
||||||
|
elem = pages_elems[x]
|
||||||
|
menu_elem = pages_menu_elems[x]
|
||||||
|
if (name == action) {
|
||||||
|
// Put element after other elements
|
||||||
|
parent = elem.parentNode
|
||||||
|
parent.removeChild(elem)
|
||||||
|
parent.appendChild(elem)
|
||||||
|
|
||||||
|
new_num = x
|
||||||
|
}
|
||||||
|
else if (name == current_page) {
|
||||||
|
old_num = x
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pagescroll_start()
|
||||||
|
}
|
||||||
|
else if (action.indexOf('play') == 0) {
|
||||||
|
var play = action.substr(4)
|
||||||
|
var dot = play.indexOf('.')
|
||||||
|
var subs
|
||||||
|
if (dot != -1) {
|
||||||
|
subs = play.substr(dot+1)
|
||||||
|
play = play.substr(0, dot)
|
||||||
|
}
|
||||||
|
else
|
||||||
|
subs = false
|
||||||
|
play = play*1
|
||||||
|
if (play) {
|
||||||
|
do_action(pages_refs[1])
|
||||||
|
cinema_start(play, subs)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function remove_cortado(url) {
|
||||||
|
cinvid.removeChild(cinapp)
|
||||||
|
delete cinapp
|
||||||
|
}
|
||||||
|
|
||||||
|
function add_cortado(url) {
|
||||||
|
cinapp = document.createElement('applet')
|
||||||
|
cinapp.setAttribute('code', 'com.fluendo.player.Cortado.class')
|
||||||
|
cinapp.setAttribute('archive', 'http://theora.org/cortado.jar')
|
||||||
|
cinapp.width = '640'
|
||||||
|
cinapp.height = '360'
|
||||||
|
|
||||||
|
namval = {
|
||||||
|
'url': url,
|
||||||
|
'local': 'false',
|
||||||
|
'duration': '',
|
||||||
|
'bufferSize': '200',
|
||||||
|
'autoPlay': 'true',
|
||||||
|
'statusHeight': '16'
|
||||||
|
}
|
||||||
|
|
||||||
|
for (x in namval) {
|
||||||
|
elem = document.createElement('param')
|
||||||
|
elem.setAttribute('name', x)
|
||||||
|
elem.setAttribute('value', namval[x])
|
||||||
|
if (x == 'url')
|
||||||
|
cinapp_url = elem
|
||||||
|
cinapp.appendChild(elem)
|
||||||
|
}
|
||||||
|
|
||||||
|
cinvid.appendChild(cinapp)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
window.onload = function() {
|
||||||
|
// Get elements
|
||||||
|
bgflow = document.getElementById('bgflow')
|
||||||
|
text_wrapper = document.getElementById('text_wrapper')
|
||||||
|
text_box = document.getElementById('text_box')
|
||||||
|
text_menu = document.getElementById('text_menu')
|
||||||
|
text_content = document.getElementById('text_content')
|
||||||
|
|
||||||
|
|
||||||
|
PAGE_WIDTH = 525
|
||||||
|
HALF_PAGE = Math.round(PAGE_WIDTH / 2) + 10 // With a little extra
|
||||||
|
|
||||||
|
// Set default values (also for debugging)
|
||||||
|
w = -1
|
||||||
|
h = -1
|
||||||
|
old_num = -1
|
||||||
|
new_num = -1
|
||||||
|
page_scrolling = false
|
||||||
|
video_playing = 0
|
||||||
|
|
||||||
|
// Get menu height if menu exists
|
||||||
|
try {
|
||||||
|
menu_height = text_menu.offsetHeight
|
||||||
|
} catch(err) {
|
||||||
|
menu_height = 0
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get root element of background SVG
|
||||||
|
try {
|
||||||
|
svg = bgflow.getSVGDocument().rootElement
|
||||||
|
} catch (error) {}
|
||||||
|
|
||||||
|
root_title = document.title
|
||||||
|
|
||||||
|
var elems, elem, x, y, name, urlhash, hash_in_list, elem_num, menu_elem
|
||||||
|
var elems2, elem2
|
||||||
|
urlhash = window.location.hash.substr(1)
|
||||||
|
|
||||||
|
pages_refs = new Array()
|
||||||
|
pages_elems = new Array()
|
||||||
|
pages_menu_elems = new Array()
|
||||||
|
pages_titles = new Array()
|
||||||
|
|
||||||
|
elems = text_menu.childNodes
|
||||||
|
for (x in elems) {
|
||||||
|
elem = elems[x]
|
||||||
|
if (elem.nodeName && elem.nodeName.toLowerCase() == 'li') {
|
||||||
|
pages_menu_elems.push(elem)
|
||||||
|
elem = elem.childNodes[0]
|
||||||
|
pages_titles.push(elem.innerHTML)
|
||||||
|
pages_refs.push(elem.href.substr(elem.href.indexOf('#')+1))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
hash_in_list = in_list(urlhash, pages_refs)
|
||||||
|
if (hash_in_list != -1) {
|
||||||
|
current_page = urlhash
|
||||||
|
elem_num = hash_in_list
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
current_page = pages_refs[0]
|
||||||
|
elem_num = 0
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide non-current pages
|
||||||
|
for (x in pages_refs) {
|
||||||
|
name = pages_refs[x]
|
||||||
|
elem = document.getElementById('content_' + name)
|
||||||
|
menu_elem = pages_menu_elems[x]
|
||||||
|
pages_elems.push(elem)
|
||||||
|
if (name == current_page) {
|
||||||
|
elem.className = 'focus'
|
||||||
|
menu_elem.className = 'focus'
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
elem.className = 'hidden'
|
||||||
|
menu_elem.className = ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
set_title_based_on_page(elem_num)
|
||||||
|
|
||||||
|
// Set up alternate handling of '#' links and prepare video shots
|
||||||
|
elems = document.getElementsByTagName('a')
|
||||||
|
for (x in elems) {
|
||||||
|
elem = elems[x]
|
||||||
|
if (elem.href != undefined && elem.href.indexOf('#') != -1)
|
||||||
|
elem.onclick = function() {do_action(this.href)}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Prepare page for viewing video
|
||||||
|
cinelm = document.createElement('div')
|
||||||
|
cinelm.id = 'cinema'
|
||||||
|
|
||||||
|
cinelm_close = document.createElement('div')
|
||||||
|
cinelm_close.id = 'cinema-close'
|
||||||
|
cinelm_close.onclick = function() {cinema_end()}
|
||||||
|
cinelm.appendChild(cinelm_close)
|
||||||
|
|
||||||
|
cinvid = document.createElement('video')
|
||||||
|
cinvid.id = 'cinema-film'
|
||||||
|
cinvid.width = '640'
|
||||||
|
cinvid.height = '360'
|
||||||
|
cinvid.setAttribute('controls', 'controls')
|
||||||
|
cinvid.addEventListener('ended', function() {cinema_end()}, true)
|
||||||
|
|
||||||
|
cinelm.appendChild(cinvid)
|
||||||
|
|
||||||
|
cininf = document.createElement('div')
|
||||||
|
cininf.id = 'cinema-info'
|
||||||
|
cinelm.appendChild(cininf)
|
||||||
|
|
||||||
|
document.body.appendChild(cinelm)
|
||||||
|
|
||||||
|
// Prepare for loading of subtitles
|
||||||
|
subtitles = new Array()
|
||||||
|
|
||||||
|
// Do whatever the hash tells you to do
|
||||||
|
do_action(urlhash)
|
||||||
|
|
||||||
|
// Prepare to update css and svg (and do it)
|
||||||
|
window.onresize = function() {update_csssvg()}
|
||||||
|
update_csssvg()
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,309 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hand';
|
||||||
|
font-weight: normal;
|
||||||
|
src: local("Domestic Manners"),
|
||||||
|
url("Domestic_Manners.ttf") format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif',
|
||||||
|
'Times New Roman', 'serif', 'sans';
|
||||||
|
font-size: 14px;
|
||||||
|
color: #dbf6d0;
|
||||||
|
background-color: #00e500;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
object#bgflow {
|
||||||
|
position: fixed;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #8c0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_wrapper {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_box {
|
||||||
|
width: 525px;
|
||||||
|
margin: 48px auto;
|
||||||
|
min-height: 50%;
|
||||||
|
background: rgba(0, 0, 0, 0.7) url(img/eyes.jpg) no-repeat;
|
||||||
|
border-width: 2px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: rgba(125, 75, 25, 0.7);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#text_header {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 525px;
|
||||||
|
height: 100px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_header_content {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 3px;
|
||||||
|
left: 7px;
|
||||||
|
color: #8ec813;
|
||||||
|
font-family: Hand, 'Domestic Manners';
|
||||||
|
font-size: 30px;
|
||||||
|
text-shadow: #000 1px -1px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_header_space {
|
||||||
|
margin-top: 100px;
|
||||||
|
height: 2px;
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#text_menu {
|
||||||
|
display: block;
|
||||||
|
width: 513px;
|
||||||
|
background: #000;
|
||||||
|
padding: 4px 6px 6px 6px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#text_menu li {
|
||||||
|
list-style: none;
|
||||||
|
float: left;
|
||||||
|
width: 167px;
|
||||||
|
margin-left: 6px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 18px;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#text_menu li:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#text_menu a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#text_menu a:link, ul#text_menu a:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #ccc;
|
||||||
|
background-color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#text_menu a:hover {
|
||||||
|
color: #222;
|
||||||
|
background-color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#text_menu li.focus a {
|
||||||
|
color: #111;
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_content {
|
||||||
|
width: 513px;
|
||||||
|
padding: 6px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_content > div {
|
||||||
|
width: 513px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_content > div.focus, div#text_content > div:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#text_content > div.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-indent: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.left {
|
||||||
|
float: left;
|
||||||
|
margin: 2px 6px 3px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-page {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 525px;
|
||||||
|
height: 289px;
|
||||||
|
border-top: 2px solid #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.large {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
color: #440000;
|
||||||
|
background-color: rgba(255, 155, 55, 0.5);
|
||||||
|
padding: 0 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.noindent {
|
||||||
|
text-indent: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 1px dashed #8f97e8;
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link, a:visited {
|
||||||
|
color: #a2ecff;
|
||||||
|
padding: 0 3px;
|
||||||
|
background-color: rgba(223, 251, 212, 0.2);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #44f6c5;
|
||||||
|
background-color: rgba(123, 251, 212, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.img:link, a.img:visited, a.img:hover {
|
||||||
|
padding: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.shotimg:link, a.shotimg:visited, a.shotimg:hover {
|
||||||
|
padding: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
display: block;
|
||||||
|
width: 513px;
|
||||||
|
height: 282px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.shotimg img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity:.8;
|
||||||
|
-moz-opacity:.8;
|
||||||
|
-khtml-opacity: .8;
|
||||||
|
//-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
||||||
|
//filter:alpha(opacity=80);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.shotimg:hover img {
|
||||||
|
opacity:1;
|
||||||
|
-moz-opacity:1;
|
||||||
|
-khtml-opacity: 1;
|
||||||
|
//-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||||
|
//filter:alpha(opacity=100);
|
||||||
|
}
|
||||||
|
|
||||||
|
div.end {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#cinema {
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
width: 650px;
|
||||||
|
height: 440px;
|
||||||
|
margin-left: -325px;
|
||||||
|
margin-top: -250px;
|
||||||
|
background-color: #000;
|
||||||
|
display: none;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cinema-close {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
bottom: 10px;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background: url(img/stop.png) no-repeat;
|
||||||
|
cursor: pointer;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cinema-close:hover {
|
||||||
|
background-position: 0 -50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cinema-film {
|
||||||
|
position: absolute;
|
||||||
|
left: 5px;
|
||||||
|
top: 5px;
|
||||||
|
width: 640px;
|
||||||
|
height: 360px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cinema-info {
|
||||||
|
position: absolute;
|
||||||
|
left: 20px;
|
||||||
|
bottom: 10px;
|
||||||
|
font-family: Hand, 'Domestic Manners';
|
||||||
|
font-size: 30px;
|
||||||
|
color: #f9dfdf;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#subtitle {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 400px;
|
||||||
|
margin-left: -200px;
|
||||||
|
text-align: center;
|
||||||
|
padding: 3px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
font-family:Dejavu Sans, Arial, sans;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>Test</title>
|
||||||
|
<style type='text/css'>
|
||||||
|
#subtitle {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 400px;
|
||||||
|
margin-left: -200px;
|
||||||
|
text-align: center;
|
||||||
|
padding: 3px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
font: 14px Dejavu Sans;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script type='text/javascript' src='subtitler.js'></script>
|
||||||
|
<script type='text/javascript'>
|
||||||
|
window.onload = function() {
|
||||||
|
var videlm = document.getElementsByTagName('video')[0]
|
||||||
|
a = new subtitle(videlm, 'vid/niels-natur3-en.srt')
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<video src="vid/niels-natur3-small.ogv" controls="controls" height="360" width="640"
|
||||||
|
style='position: fixed;'>
|
||||||
|
<applet code="com.fluendo.player.Cortado.class"
|
||||||
|
archive="http://theora.org/cortado.jar"
|
||||||
|
height="360" width="640">
|
||||||
|
<param url="vid/niels-natur3-small.ogv" />
|
||||||
|
<param local="false" />
|
||||||
|
<param duration="" />
|
||||||
|
<param buffersize="200" />
|
||||||
|
<param autoplay="false" />
|
||||||
|
<param statusheight="16" />
|
||||||
|
</applet>
|
||||||
|
</video>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,156 @@
|
||||||
|
/*
|
||||||
|
This program is free software. It comes without any warranty, to
|
||||||
|
the extent permitted by applicable law. You can redistribute it
|
||||||
|
and/or modify it under the terms of the Do What The Fuck You Want
|
||||||
|
To Public License, Version 2, as published by Sam Hocevar. See
|
||||||
|
http://sam.zoy.org/wtfpl/COPYING for more details.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* It's very simple and not perfect. I'm not going to develop more on this code.
|
||||||
|
*/
|
||||||
|
|
||||||
|
function subtitle(vid, subs_url, alt) {
|
||||||
|
|
||||||
|
this.videoElement = vid
|
||||||
|
this.subtitles = null
|
||||||
|
if (alt != undefined)
|
||||||
|
this.rootElement = alt
|
||||||
|
else
|
||||||
|
this.rootElement = document.body
|
||||||
|
|
||||||
|
this.fetchSubtitles(subs_url)
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.fetchSubtitles = function(subs_url) {
|
||||||
|
var req = new XMLHttpRequest()
|
||||||
|
req.open('GET', subs_url, true)
|
||||||
|
req.onreadystatechange = function() {
|
||||||
|
if (req.readyState == 4) {
|
||||||
|
if (req.status == 200)
|
||||||
|
this.subtitleObject.extractSubtitles(req.responseText)
|
||||||
|
else
|
||||||
|
this.subtitleObject.err()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
req.subtitleObject = this
|
||||||
|
req.send(null)
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.extractSubtitles = function(subs) {
|
||||||
|
var subs = subs
|
||||||
|
while (subs.indexOf('\n') == 0)
|
||||||
|
subs = subs.substr(1)
|
||||||
|
while (subs.substr(subs.length-1) == '\n')
|
||||||
|
subs = subs.substr(0, subs.length-1)
|
||||||
|
subs = subs.split('\n\n')
|
||||||
|
|
||||||
|
var subs_arr = new Array()
|
||||||
|
var x, i, txt, times, start, end, msg
|
||||||
|
for (x in subs) {
|
||||||
|
txt = subs[x].split('\n')
|
||||||
|
times = txt[1].split(' --> ')
|
||||||
|
|
||||||
|
start = this.toSeconds(times[0])
|
||||||
|
end = this.toSeconds(times[1])
|
||||||
|
msg = ''
|
||||||
|
for (i = 2; i < txt.length; i++)
|
||||||
|
msg += '\n' + txt[i]
|
||||||
|
msg = msg.substr(1)
|
||||||
|
|
||||||
|
subs_arr.push([start, end, msg])
|
||||||
|
}
|
||||||
|
this.start(subs_arr)
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.toSeconds = function(time_str) {
|
||||||
|
var t = 0
|
||||||
|
t += time_str.substr(0, 2) * 3600
|
||||||
|
t += time_str.substr(3, 2) * 60
|
||||||
|
t += time_str.substr(6, 2) * 1
|
||||||
|
t += time_str.substr(9, 3) * 0.001
|
||||||
|
return t
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.err = function() {
|
||||||
|
this.start([[0, 4000, 'It wasn\t possible to load the subtitles.']])
|
||||||
|
}
|
||||||
|
|
||||||
|
/**********************/
|
||||||
|
|
||||||
|
subtitle.prototype.start = function(subs_arr) {
|
||||||
|
this.subtitles = subs_arr
|
||||||
|
this.textLength = this.subtitles.length
|
||||||
|
this.currentSubtitle = 0
|
||||||
|
this.currentSubtitleOn = false
|
||||||
|
|
||||||
|
var elem = document.createElement('div')
|
||||||
|
elem.style.position = 'absolute'
|
||||||
|
var subelem = document.createElement('div')
|
||||||
|
subelem.id = 'subtitle'
|
||||||
|
elem.appendChild(subelem)
|
||||||
|
|
||||||
|
this.rootElement.appendChild(elem)
|
||||||
|
this.subtitleElement = elem
|
||||||
|
this.subtitleTextElement = subelem
|
||||||
|
|
||||||
|
this.updateSubtitleElement()
|
||||||
|
|
||||||
|
this.videoElement.subtitlesObject = this
|
||||||
|
this.videoElement.onmouseover = function() {
|
||||||
|
this.subtitlesObject.subtitleElement.style.display = 'none'
|
||||||
|
}
|
||||||
|
this.videoElement.onmouseout = function() {
|
||||||
|
this.subtitlesObject.subtitleElement.style.display = ''
|
||||||
|
}
|
||||||
|
this.resume()
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.resume = function() {
|
||||||
|
this.videoElement.addEventListener('timeupdate', this.check, true)
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.stop = function() {
|
||||||
|
this.removeCurrentSubtitle()
|
||||||
|
this.videoElement.removeEventListener('timeupdate', this.check, true)
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.updateSubtitleElement = function() {
|
||||||
|
var x = this.videoElement.offsetLeft
|
||||||
|
var y = this.videoElement.offsetTop
|
||||||
|
var w = this.videoElement.width
|
||||||
|
var h = this.videoElement.height
|
||||||
|
this.subtitleElement.style.left = x + 10 + 'px'
|
||||||
|
this.subtitleElement.style.width = w - 20 + 'px'
|
||||||
|
this.subtitleElement.style.top = y + h - 50 + 'px'
|
||||||
|
this.subtitleElement.style.height = '40px'
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.check = function(event) {
|
||||||
|
var self = event.target.subtitlesObject
|
||||||
|
var time = event.target.currentTime
|
||||||
|
|
||||||
|
var csub = self.subtitles[self.currentSubtitle]
|
||||||
|
if (time >= csub[0] && time <= csub[1]) {
|
||||||
|
if (!self.currentSubtitleOn)
|
||||||
|
self.updateSubtitle()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
self.removeCurrentSubtitle()
|
||||||
|
if (time < csub[0] && self.currentSubtitle > 0)
|
||||||
|
self.currentSubtitle -= 1
|
||||||
|
else if (time > csub[1] && self.currentSubtitle < self.textLength)
|
||||||
|
self.currentSubtitle += 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.updateSubtitle = function() {
|
||||||
|
this.subtitleTextElement.innerHTML = this.subtitles[this.currentSubtitle][2]
|
||||||
|
this.subtitleTextElement.style.display = ''
|
||||||
|
this.currentSubtitleOn = true
|
||||||
|
}
|
||||||
|
|
||||||
|
subtitle.prototype.removeCurrentSubtitle = function() {
|
||||||
|
this.subtitleTextElement.style.display = 'none'
|
||||||
|
this.subtitleTextElement.innerHTML = ''
|
||||||
|
this.currentSubtitleOn = false
|
||||||
|
}
|
||||||
|
|
@ -1,13 +1,9 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
ServerName nohix.lcl
|
ServerName nohix.metanohi.name
|
||||||
ServerAlias nohix.lcl
|
ServerAlias www.nohix.metanohi.name nohix.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/subsites/nohix
|
DocumentRoot /home/niels/www/meta/subsites/nohix
|
||||||
<Directory />
|
|
||||||
Options FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
</Directory>
|
|
||||||
<Directory /home/niels/www/meta/subsites/nohix/>
|
<Directory /home/niels/www/meta/subsites/nohix/>
|
||||||
Options Indexes Includes FollowSymLinks MultiViews
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
AllowOverride All
|
AllowOverride All
|
||||||
|
|
@ -15,29 +11,8 @@
|
||||||
allow from all
|
allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
LogLevel warn
|
||||||
<Directory "/usr/lib/cgi-bin">
|
ErrorLog ${APACHE_LOG_DIR}/nohix.metanohi.name-error.log
|
||||||
AllowOverride None
|
CustomLog ${APACHE_LOG_DIR}/nohix.metanohi.name-access.log combined
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ErrorLog ${APACHE_LOG_DIR}/error.log
|
|
||||||
|
|
||||||
# Possible values include: debug, info, notice, warn, error, crit,
|
|
||||||
# alert, emerg.
|
|
||||||
LogLevel warn
|
|
||||||
|
|
||||||
CustomLog ${APACHE_LOG_DIR}/access.log combined
|
|
||||||
|
|
||||||
Alias /doc/ "/usr/share/doc/"
|
|
||||||
<Directory "/usr/share/doc/">
|
|
||||||
Options Indexes MultiViews FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
Order deny,allow
|
|
||||||
Deny from all
|
|
||||||
Allow from 127.0.0.0/255.0.0.0 ::1/128
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
|
||||||
|
|
@ -142,7 +142,7 @@
|
||||||
<li><p><em>Niels</em> is not that fond of JavaScript, but he can't help but play with it. He thinks it's a disease.</p></li>
|
<li><p><em>Niels</em> is not that fond of JavaScript, but he can't help but play with it. He thinks it's a disease.</p></li>
|
||||||
<li><p>The logo (<a href="media/nohix-logo.svg">also available in SVG<a/>) is licensed under the <a href="http://creativecommons.org/licenses/by-sa/3.0/">Attribution-Share Alike 3.0 Unported license</a>. Niels is the author.</p></li>
|
<li><p>The logo (<a href="media/nohix-logo.svg">also available in SVG<a/>) is licensed under the <a href="http://creativecommons.org/licenses/by-sa/3.0/">Attribution-Share Alike 3.0 Unported license</a>. Niels is the author.</p></li>
|
||||||
<li><p>The PHP source code is available <a href="http://metanohi.org/:nohix/index.php">here<a/>.</p></li>
|
<li><p>The PHP source code is available <a href="http://metanohi.org/:nohix/index.php">here<a/>.</p></li>
|
||||||
<li><p>You might not also want to check out <a href="http://metanohi.org/projects/x/">this<a/>, which was the inspiration for nohiX.</p></li>
|
<li><p>You might not also want to check out <a href="http://projects.metanohi.name/x/">this<a/>, which was the inspiration for nohiX.</p></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,9 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
ServerName old.projects.lcl
|
ServerName old.projects.metanohi.name
|
||||||
ServerAlias old.projects.lcl
|
ServerAlias www.old.projects.metanohi.name old.projects.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/subsites/oldsites
|
DocumentRoot /home/niels/www/meta/subsites/oldsites
|
||||||
<Directory />
|
|
||||||
Options FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
</Directory>
|
|
||||||
<Directory /home/niels/www/meta/subsites/oldsites/>
|
<Directory /home/niels/www/meta/subsites/oldsites/>
|
||||||
Options Indexes Includes FollowSymLinks MultiViews
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
AllowOverride All
|
AllowOverride All
|
||||||
|
|
@ -15,29 +11,9 @@
|
||||||
allow from all
|
allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
LogLevel warn
|
||||||
<Directory "/usr/lib/cgi-bin">
|
ErrorLog ${APACHE_LOG_DIR}/old.projects.metanohi.name-error.log
|
||||||
AllowOverride None
|
CustomLog ${APACHE_LOG_DIR}/old.projects.metanohi.name-access.log combined
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ErrorLog ${APACHE_LOG_DIR}/error.log
|
|
||||||
|
|
||||||
# Possible values include: debug, info, notice, warn, error, crit,
|
|
||||||
# alert, emerg.
|
|
||||||
LogLevel warn
|
|
||||||
|
|
||||||
CustomLog ${APACHE_LOG_DIR}/access.log combined
|
|
||||||
|
|
||||||
Alias /doc/ "/usr/share/doc/"
|
|
||||||
<Directory "/usr/share/doc/">
|
|
||||||
Options Indexes MultiViews FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
Order deny,allow
|
|
||||||
Deny from all
|
|
||||||
Allow from 127.0.0.0/255.0.0.0 ::1/128
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
<?php
|
<?php
|
||||||
header('Location: http://metanohi.org/projects/#old');
|
header('Location: http://metanohi.name/projects/#old');
|
||||||
?>
|
?>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,9 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
ServerName pictures.lcl
|
ServerName pictures.metanohi.name
|
||||||
ServerAlias pictures.lcl
|
ServerAlias www.pictures.metanohi.name pictures.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/subsites/pictures
|
DocumentRoot /home/niels/www/meta/subsites/pictures
|
||||||
<Directory />
|
|
||||||
Options FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
</Directory>
|
|
||||||
<Directory /home/niels/www/meta/subsites/pictures/>
|
<Directory /home/niels/www/meta/subsites/pictures/>
|
||||||
Options Indexes Includes FollowSymLinks MultiViews
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
AllowOverride All
|
AllowOverride All
|
||||||
|
|
@ -15,29 +11,8 @@
|
||||||
allow from all
|
allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
LogLevel warn
|
||||||
<Directory "/usr/lib/cgi-bin">
|
ErrorLog ${APACHE_LOG_DIR}/pictures.metanohi.name-error.log
|
||||||
AllowOverride None
|
CustomLog ${APACHE_LOG_DIR}/pictures.metanohi.name-access.log combined
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ErrorLog ${APACHE_LOG_DIR}/error.log
|
|
||||||
|
|
||||||
# Possible values include: debug, info, notice, warn, error, crit,
|
|
||||||
# alert, emerg.
|
|
||||||
LogLevel warn
|
|
||||||
|
|
||||||
CustomLog ${APACHE_LOG_DIR}/access.log combined
|
|
||||||
|
|
||||||
Alias /doc/ "/usr/share/doc/"
|
|
||||||
<Directory "/usr/share/doc/">
|
|
||||||
Options Indexes MultiViews FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
Order deny,allow
|
|
||||||
Deny from all
|
|
||||||
Allow from 127.0.0.0/255.0.0.0 ::1/128
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,10 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
ServerName projects.lcl
|
|
||||||
ServerAlias projects.lcl
|
ServerName projects.metanohi.name
|
||||||
|
ServerAlias www.projects.metanohi.name projects.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/subsites/projects
|
DocumentRoot /home/niels/www/meta/subsites/projects
|
||||||
<Directory />
|
|
||||||
Options FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
</Directory>
|
|
||||||
<Directory /home/niels/www/meta/subsites/projects/>
|
<Directory /home/niels/www/meta/subsites/projects/>
|
||||||
Options Indexes Includes FollowSymLinks MultiViews
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
AllowOverride All
|
AllowOverride All
|
||||||
|
|
@ -15,29 +12,8 @@
|
||||||
allow from all
|
allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
|
||||||
<Directory "/usr/lib/cgi-bin">
|
|
||||||
AllowOverride None
|
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ErrorLog ${APACHE_LOG_DIR}/error.log
|
|
||||||
|
|
||||||
# Possible values include: debug, info, notice, warn, error, crit,
|
|
||||||
# alert, emerg.
|
|
||||||
LogLevel warn
|
LogLevel warn
|
||||||
|
ErrorLog ${APACHE_LOG_DIR}/projects.metanohi.name-error.log
|
||||||
CustomLog ${APACHE_LOG_DIR}/access.log combined
|
CustomLog ${APACHE_LOG_DIR}/projects.metanohi.name-access.log combined
|
||||||
|
|
||||||
Alias /doc/ "/usr/share/doc/"
|
|
||||||
<Directory "/usr/share/doc/">
|
|
||||||
Options Indexes MultiViews FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
Order deny,allow
|
|
||||||
Deny from all
|
|
||||||
Allow from 127.0.0.0/255.0.0.0 ::1/128
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
ErrorDocument 404 /index.php
|
ErrorDocument 404 /.redirect.php
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<?php
|
||||||
|
header('Location: http://metanohi.name/projects/');
|
||||||
|
?>
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
<?php
|
|
||||||
header('Location: http://metanohi.org/projects/');
|
|
||||||
?>
|
|
||||||
|
|
@ -1,13 +1,9 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
ServerName roptoligs.lcl
|
ServerName roptoligs.metanohi.name
|
||||||
ServerAlias roptoligs.lcl
|
ServerAlias roptoligs.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/subsites/roptoligs
|
DocumentRoot /home/niels/www/meta/subsites/roptoligs
|
||||||
<Directory />
|
|
||||||
Options FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
</Directory>
|
|
||||||
<Directory /home/niels/www/meta/subsites/roptoligs/>
|
<Directory /home/niels/www/meta/subsites/roptoligs/>
|
||||||
Options Indexes Includes FollowSymLinks MultiViews
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
AllowOverride All
|
AllowOverride All
|
||||||
|
|
@ -15,29 +11,8 @@
|
||||||
allow from all
|
allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
LogLevel warn
|
||||||
<Directory "/usr/lib/cgi-bin">
|
ErrorLog ${APACHE_LOG_DIR}/roptoligs.metanohi.name-error.log
|
||||||
AllowOverride None
|
CustomLog ${APACHE_LOG_DIR}/roptoligs.metanohi.name-access.log combined
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ErrorLog ${APACHE_LOG_DIR}/error.log
|
|
||||||
|
|
||||||
# Possible values include: debug, info, notice, warn, error, crit,
|
|
||||||
# alert, emerg.
|
|
||||||
LogLevel warn
|
|
||||||
|
|
||||||
CustomLog ${APACHE_LOG_DIR}/access.log combined
|
|
||||||
|
|
||||||
Alias /doc/ "/usr/share/doc/"
|
|
||||||
<Directory "/usr/share/doc/">
|
|
||||||
Options Indexes MultiViews FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
Order deny,allow
|
|
||||||
Deny from all
|
|
||||||
Allow from 127.0.0.0/255.0.0.0 ::1/128
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,9 @@
|
||||||
<VirtualHost *:80>
|
<VirtualHost *:80>
|
||||||
ServerName suum.lcl
|
ServerName suum.metanohi.name
|
||||||
ServerAlias suum.lcl
|
ServerAlias suum.lcl
|
||||||
ServerAdmin ns@metanohi.org
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
DocumentRoot /home/niels/www/meta/subsites/suum
|
DocumentRoot /home/niels/www/meta/subsites/suum
|
||||||
<Directory />
|
|
||||||
Options FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
</Directory>
|
|
||||||
<Directory /home/niels/www/meta/subsites/suum/>
|
<Directory /home/niels/www/meta/subsites/suum/>
|
||||||
Options Indexes Includes FollowSymLinks MultiViews
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
AllowOverride All
|
AllowOverride All
|
||||||
|
|
@ -15,29 +11,8 @@
|
||||||
allow from all
|
allow from all
|
||||||
</Directory>
|
</Directory>
|
||||||
|
|
||||||
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
|
LogLevel warn
|
||||||
<Directory "/usr/lib/cgi-bin">
|
ErrorLog ${APACHE_LOG_DIR}/suum.metanohi.name-error.log
|
||||||
AllowOverride None
|
CustomLog ${APACHE_LOG_DIR}/suum.metanohi.name-access.log combined
|
||||||
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
|
|
||||||
Order allow,deny
|
|
||||||
Allow from all
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
ErrorLog ${APACHE_LOG_DIR}/error.log
|
|
||||||
|
|
||||||
# Possible values include: debug, info, notice, warn, error, crit,
|
|
||||||
# alert, emerg.
|
|
||||||
LogLevel warn
|
|
||||||
|
|
||||||
CustomLog ${APACHE_LOG_DIR}/access.log combined
|
|
||||||
|
|
||||||
Alias /doc/ "/usr/share/doc/"
|
|
||||||
<Directory "/usr/share/doc/">
|
|
||||||
Options Indexes MultiViews FollowSymLinks
|
|
||||||
AllowOverride None
|
|
||||||
Order deny,allow
|
|
||||||
Deny from all
|
|
||||||
Allow from 127.0.0.0/255.0.0.0 ::1/128
|
|
||||||
</Directory>
|
|
||||||
|
|
||||||
</VirtualHost>
|
</VirtualHost>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<VirtualHost *:80>
|
||||||
|
ServerName words.metanohi.name
|
||||||
|
ServerAlias words.lcl
|
||||||
|
ServerAdmin ns@metanohi.org
|
||||||
|
|
||||||
|
DocumentRoot /home/niels/www/meta/subsites/words
|
||||||
|
<Directory /home/niels/www/meta/subsites/words/>
|
||||||
|
Options Indexes Includes FollowSymLinks MultiViews
|
||||||
|
AllowOverride All
|
||||||
|
Order allow,deny
|
||||||
|
allow from all
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
LogLevel warn
|
||||||
|
ErrorLog ${APACHE_LOG_DIR}/words.metanohi.name-error.log
|
||||||
|
CustomLog ${APACHE_LOG_DIR}/words.metanohi.name-access.log combined
|
||||||
|
|
||||||
|
</VirtualHost>
|
||||||
Loading…
Reference in New Issue