DGNum/www-bocal
6
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

Add a few semi-legacy files

Browse source
This commit is contained in:
Akulen 2017-09-20 21:50:45 +02:00
commit 3740d9fd32
7 changed files with 469 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
compile.sh Executable file
View file

@ -0,0 +1,13 @@
#!/bin/bash
mv $1.html $1.html.backup
name=$(head -n 1 $1.htm)
if [[ $name == '' ]]
then
name=$(cat ./includes/header.html | grep -Po '\${title "\K[^"]*')
fi
header=$(cat ./includes/header.html | sed "s/\${title[^}]*}/$name/")
echo "$header" > $1.html
echo "`cat ./includes/menu.html`" >> $1.html
echo "`tail -n +2 $1.htm`" >> $1.html
echo "`cat ./includes/footer.html`" >> $1.html

206
default.css Normal file
View file

@ -0,0 +1,206 @@
html, body {
height: 100%;
display: flex;
flex-direction: column;
}
body > * {
flex-shrink: 0;
}
body {
background: #DC322F;
color: black;
margin: 0 0 0 0;
padding: 0;
height: 100%;
}
a:link {
color: navy;
text-decoration: none;
border: 0;
}
a:visited {
color: navy;
text-decoration: none;
border: 0;
}
a:hover {
text-decoration: underline;
}
a.menu:link {
color: #FDF6E3;
}
#menu a:visited {
color: #FDF6E3;
}
.justifie {
text-align: justify;
}
p {
margin: 0 0 2ex 0;
text-align: justify;
text-indent: 2em;
}
p.continue {
text-indent: 0;
}
p.center {
text-indent: 0;
text-align: center;
}
p.espace {
margin: 5ex 0 0 0;
}
p.item {
text-indent: 0;
margin: 3ex 0 0 0;
font-weight: bold;
}
h2 {
margin: 1em 0 1em 0;
font: 250% serif;
font-weight: bold;
background: #dddddd;
text-align: center;
text-indent: 0;
}
h3 {
margin: 4ex 2ex 2ex 2ex;
font-weight: bold;
text-align: center;
text-indent: 0;
}
h3.annonce {
font: 250% serif;
font-weight: bold;
margin: 1ex 0 1ex 0;
}
h4 {
margin: 0 0 2em 0;
font: serif;
font-weight: bold;
/*background: #dddddd; Pour pouvoir utiliser le niveau h4 dans les sous annonces sans avoir une horrible bande grise*/
text-align: center;
text-indent: 0;
}
h4.sousannonce {
font: 100% serif;
font-weight: bold;
margin: 1ex 0 1ex 0;
text-align: center;
text-indent: 0;
}
h5.sousannonce {
font: 100% serif;
font-weight: bold;
margin: 1ex 0 1ex 0;
text-align: center;
text-indent: 0;
}
img {
border: 0;
margin: 0;
padding: 0;
}
table {
border: solid 0px white;
border-spacing: 0;
margin: 0;
width: 100%;
}
table.cartouche {
width: 70%;
background: #fff990;
border: 2;
}
table tr.rouge {
background: #DC322F;
}
table td {
vertical-align: top;
}
table td.menu {
background: #DC322F;
text-align: center;
padding: 1.5ex;
}
table td.fausse {
background: #DC322F;
padding: 1ex;
}
div.cartouche {
background: #268bd2;
margin: 3ex 20%;
border: solid 2px #268bd2;
border-radius: 20px;
}
.cartouche a:visited {
color: #FDF6E3;
}
.cartouche a {
color: #FDF6E3;
}
#page {
display: flex;
flex-grow: 1;
}
#menu {
width: 15%;
float: left;
}
#inner {
padding: 1.5ex;
text-align: center;
}
#inner a:link {
color: #FDF6E3;
}
#content {
background-color: #EEE8D5;
padding: 40px;
border-radius: 40px 40px 0 0;
flex-grow: 1;
}
span.center {
text-indent: 0;
text-align: center;
}
img.COF { border-width: 0; }
.exemple {display:block; padding-left: 2em; }

34
includes/footer.html Normal file
View file

@ -0,0 +1,34 @@
<hr />
<p class="item">Quelques liens pour sortir d'ici...</p>
<ul>
<li><a href="http://cof-ulm.fr/">Page du COF</a></li>
<li><a href="http://www.eleves.ens.fr/">Serveur des élèves</a></li>
<li><a href="http://www.ens.fr/">Site principal de l'ENS</a></li>
</ul>
<p class="item">Des remarques sur le BOcal, sur ce site ?</p>
<p>On l'a dit au début, il faut suivre&nbsp;! Une seule adresse, <a href="mailto:bocal[@]clipper.ens.fr">bocal[@]clipper.ens.fr</a>. N'hésitez pas à nous écrire !</p>
<p class="item">Ce site est sobre et élègant, félicitations&nbsp;!</p>
<p>Merci. Ce site est écrit entièrement à la main, et en XHTML-1.0 valide.<br /><br /> <a href="http://validator.w3.org/check/referer"><img src="valid-xhtml10.png" alt="XHTML 1.0" /></a></p>
<p class="espace"> </p>
<p class="continue"><small> Toute représentation ou reproduction,
intégrale ou partielle, faite sans le consentement de l'auteur, ou de ses
ayants-droits ou ayants-cause, est illicite (loi du 11 mars 1957, alinéa
premier de l'article 40). Cette représentation ou reproduction, par
quelque procédé que ce soit, constituerait une contrefaçon
sanctionnée par les articles 425 et suivants du code pénal. La loi du 11 mars 1957
n'autorise, aux termes des alinéas 2 et 3 de l'article 41 que les
copies ou reproductions strictement réservées à l'usage privé du copiste
et non destinées à une utilisation collective d'une part et d'autre part,
que les analyses et les courtes citations dans un but d'exemple et
d'illustration. Enfin, l'AEENS demeure le propriétaire des fichiers
ici reproduits.</small></p>
</div>
</div>
</body>
</html>

18
includes/header.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<base href="///home/akulen/ENS/Bocal/Bocal/" />
<meta charset="utf-8">
<title>${title "Le BOcal"}</title>
<link rel="stylesheet" title="Default" type="text/css" href="default.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
</head>
<body>
<div align="center">
<br />
<a href="http://www.cof.ens.fr/bocal/">
<img src="bocal_transparent.gif" alr="Le BOcal" width="500" />
</a>
<br />
</div>
<div id="page">

27
includes/menu.html Normal file
View file

@ -0,0 +1,27 @@
<div id="menu">
<div id="inner">
<h3><a href="#">Envoyer un article</a></h3>
<a href="http://www.cof.ens.fr/"><img src="poissons.png" alt="COF"></a><br />
<a href="rss.xml"><img src="rss.jpg" alt="Notre Flux RSS" width="40"></a>
<h3><a href="2016-2017/index.html">2016-2017</a></h3>
<h3><a href="2014-2015/index.html">2014-2015</a></h3>
<h3><a href="2013-2014/index.html">2013-2014</a></h3>
<h3><a href="2012-2013/index.html">2012-2013</a></h3>
<h3><a href="2011-2012/index.html">2011-2012</a></h3>
<h3><a href="2010-2011/index.html">2010-2011</a></h3>
<h3><a href="2009-2010/index.html">2009-2010</a></h3>
<h3><a href="2008-2009/index.html">2008-2009</a></h3>
<h3><a href="2007-2008/index.html">2007-2008</a></h3>
<h3><a href="2006-2007/index.html">2006-2007</a></h3>
<h3><a href="2005-2006/index.html">2005-2006</a></h3>
<h3><a href="2004-2005/index.html">2004-2005</a></h3>
<h3><a href="2003-2004/index.html">2003-2004</a></h3>
<h3><a href="2002-2003/index.html">2002-2003</a></h3>
<h3><a href="2001-2002/index.html">2001-2002</a></h3>
<h3><a href="2000-2001/index.html">2000-2001</a></h3>
<h3><a href="1999-2000/index.html">1999-2000</a></h3>
<h3><a href="1998-1999/index.html">1998-1999</a></h3>
<h3><a href="1990-1996/index.html">1990-1996</a></h3>
</div>
</div>
<div id="content">

26
index.htm Normal file
View file

@ -0,0 +1,26 @@
<h4 class="email"><br />Une seule adresse&nbsp;:&nbsp;<a href="mailto:bocal[@]clipper.ens.fr">bocal[@]clipper.ens.fr</a></h4>
<div class="cartouche">
<h3 class="annonce">Demandez la <a href="actuel.pdf">dernière édition</a>&nbsp;!</h3> <!-- replace with a link with the source pdf -->
</div>
<br/>
<p>Le BOcal est le journal
du <a href="//www.cof.ens.fr/">COF</a> (l'Association
des élèves de l'<a href="http://www.ens.fr/">École normale
supérieure</a>). Il paraît tous les jeudis, pour la somme
modique de zéro euro. Vous pouvez trouver sur ce site les
archives depuis 1998 au format PDF, et de 1993 à 1996 au
format HTML. La bibliothèque de lettres de l'ENS conserve
une copie papier de tous les numéros du BOcal (ou tout du
moins de tous ceux que la Rédac' a pensé à lui
envoyer).</p>
<!-- <p>En plus de ce site, le BOcal possède un compte <a href ="https://www.facebook.com/bocal.journalducof">Facebook</a>, à l'activité erratique.</p> -->
<p>Par ailleurs, la Rédac' recherche des volontaires pour réaliser la numérisation des premiers numéros, en train de se désagréger en cave 34.</p>
<p>Pour publier un article dans le BOcal, merci de suivre ces <a href="envoyer.html"> quelques conseils</a>.</p>
<p class="espace">&nbsp;</p>

145
index.html Normal file
View file

@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<base href="///home/akulen/ENS/Bocal/Bocal/" />
<meta charset="utf-8">
<title>Le BOcal</title>
<link rel="stylesheet" title="Default" type="text/css" href="default.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
</head>
<body>
<div align="center">
<br />
<a href="http://www.cof.ens.fr/bocal/">
<img src="bocal_transparent.gif" alr="Le BOcal" width="500" />
</a>
<br />
</div>
<div id="page">
<div id="menu">
<div id="inner">
<h3><a href="#">Envoyer un article</a></h3>
<a href="http://www.cof.ens.fr/"><img src="poissons.png" alt="COF"></a><br />
<a href="rss.xml"><img src="rss.jpg" alt="Notre Flux RSS" width="40"></a>
<h3><a href="2016-2017/index.html">2016-2017</a></h3>
<h3><a href="2014-2015/index.html">2014-2015</a></h3>
<h3><a href="2013-2014/index.html">2013-2014</a></h3>
<h3><a href="2012-2013/index.html">2012-2013</a></h3>
<h3><a href="2011-2012/index.html">2011-2012</a></h3>
<h3><a href="2010-2011/index.html">2010-2011</a></h3>
<h3><a href="2009-2010/index.html">2009-2010</a></h3>
<h3><a href="2008-2009/index.html">2008-2009</a></h3>
<h3><a href="2007-2008/index.html">2007-2008</a></h3>
<h3><a href="2006-2007/index.html">2006-2007</a></h3>
<h3><a href="2005-2006/index.html">2005-2006</a></h3>
<h3><a href="2004-2005/index.html">2004-2005</a></h3>
<h3><a href="2003-2004/index.html">2003-2004</a></h3>
<h3><a href="2002-2003/index.html">2002-2003</a></h3>
<h3><a href="2001-2002/index.html">2001-2002</a></h3>
<h3><a href="2000-2001/index.html">2000-2001</a></h3>
<h3><a href="1999-2000/index.html">1999-2000</a></h3>
<h3><a href="1998-1999/index.html">1998-1999</a></h3>
<h3><a href="1990-1996/index.html">1990-1996</a></h3>
</div>
</div>
<div id="content">
<h4 class="email"><br />Une seule adresse&nbsp;:&nbsp;<a href="mailto:bocal[@]clipper.ens.fr">bocal[@]clipper.ens.fr</a></h4>
<div class="cartouche">
<h3 class="annonce">Demandez la <a href="actuel.pdf">dernière édition</a>&nbsp;!</h3>
</div>
<br/>
<p>Le BOcal est le journal
du <a href="//www.cof.ens.fr/">COF</a> (l'Association
des élèves de l'<a href="http://www.ens.fr/">École normale
supérieure</a>). Il paraît tous les jeudis, pour la somme
modique de zéro euro. Vous pouvez trouver sur ce site les
archives depuis 1998 au format PDF, et de 1993 à 1996 au
format HTML. La bibliothèque de lettres de l'ENS conserve
une copie papier de tous les numéros du BOcal (ou tout du
moins de tous ceux que la Rédac' a pensé à lui
envoyer).</p>
<!-- <p>En plus de ce site, le BOcal possède un compte <a href ="https://www.facebook.com/bocal.journalducof">Facebook</a>, à l'activité erratique.</p> -->
<p>Par ailleurs, la Rédac' recherche des volontaires pour réaliser la numérisation des premiers numéros, en train de se désagréger en cave 34.</p>
<p>Pour publier un article dans le BOcal, merci de suivre ces <a href="envoyer.html"> quelques conseils</a>.</p>
<p class="espace">&nbsp;</p>
<!--
<div class="cartouche">
<h3 class="annonce">Participez au concours d'écriture&nbsp;!</h3>
<h4 class="annonce">Pour les InterQ, deux sujets vous sont proposés&nbsp;!</h4>
</div>
<p>
À l'occasion des InterENS culturelles, les journaux des quatre écoles vous
proposent non pas un, mais deux concours d'écriture !
En effet, pour ne pas brider les plus volubiles d'entre vous, nous vous
proposons deux sujets indépendants : vous pouvez envoyer des textes pour
l'un, l'autre ou les deux *en deux envois distincts*, mais nous vous
demanderons de ne pas participer plus d'une fois par sujet.
Pour que le concours soit anonyme, les contributions devront être envoyées
à <a href="mailto:fong (nospam) clipper (point) ens (point) fr">fong (nospam) clipper (point) ens (point) fr</a>,
qui se chargera de transmettre votre texte au jury sous la forme d'un PDF
débarrassé des éléments qui pourraient permettre votre identification.
(Enfin, des trucs d'info...)</p>
<p class="item">Premier sujet&nbsp;:&nbsp;</p>
<p>Que la fête commence !</p>
<p class="item">Second sujet&nbsp;:&nbsp;</p>
<p>Votre contribution devra se finir par la phrase : "Allez,
plus que deux mois..."</p>
<p>Les modalités sont les suivantes : les contributions sont limitées à 1500
mots ; chaque contribution doit être envoyée par mail à l'adresse
<a href="mailto:fong (nospam) clipper (point) ens (point) fr">fong (nospam) clipper (point) ens (point) fr</a>
avant le samedi 26 mars à midi ; un mail ne doit
contenir qu'un seul texte, constituant une contribution complète et
indépendante ; il est recommandé de mettre comme objet du mail : "Concours
InterQ : premier sujet" ou "Concours InterQ : second sujet" selon le cas ;
si vous souhaitez participer aux deux sujets, envoyez deux mails distincts.</p>
<p class="espace">&nbsp;</p>
<hr />
-->
<hr />
<p class="item">Quelques liens pour sortir d'ici...</p>
<ul>
<li><a href="http://cof-ulm.fr/">Page du COF</a></li>
<li><a href="http://www.eleves.ens.fr/">Serveur des élèves</a></li>
<li><a href="http://www.ens.fr/">Site principal de l'ENS</a></li>
</ul>
<p class="item">Des remarques sur le BOcal, sur ce site ?</p>
<p>On l'a dit au début, il faut suivre&nbsp;! Une seule adresse, <a href="mailto:bocal[@]clipper.ens.fr">bocal[@]clipper.ens.fr</a>. N'hésitez pas à nous écrire !</p>
<p class="item">Ce site est sobre et élègant, félicitations&nbsp;!</p>
<p>Merci. Ce site est écrit entièrement à la main, et en XHTML-1.0 valide.<br /><br /> <a href="http://validator.w3.org/check/referer"><img src="valid-xhtml10.png" alt="XHTML 1.0" /></a></p>
<p class="espace"> </p>
<p class="continue"><small> Toute représentation ou reproduction,
intégrale ou partielle, faite sans le consentement de l'auteur, ou de ses
ayants-droits ou ayants-cause, est illicite (loi du 11 mars 1957, alinéa
premier de l'article 40). Cette représentation ou reproduction, par
quelque procédé que ce soit, constituerait une contrefaçon
sanctionnée par les articles 425 et suivants du code pénal. La loi du 11 mars 1957
n'autorise, aux termes des alinéas 2 et 3 de l'article 41 que les
copies ou reproductions strictement réservées à l'usage privé du copiste
et non destinées à une utilisation collective d'une part et d'autre part,
que les analyses et les courtes citations dans un but d'exemple et
d'illustration. Enfin, l'AEENS demeure le propriétaire des fichiers
ici reproduits.</small></p>
</div>
</div>
</body>
</html>