Archived
1
0

Split into several columns

This commit is contained in:
nemunaire 2016-10-19 20:49:21 +02:00
parent 3e98322981
commit 61132dbbc7

339
home.html
View File

@ -4,6 +4,10 @@
<title>Sondage VIRLI</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
.checkbox, .radio { margin-top: 0; }
.panel-heading { font-weight: bolder; }
</style>
</head>
<body class="container">
<h1>Virtualisation légère &mdash; SRS 2017</h1>
@ -14,182 +18,189 @@
<form method="post" action="vote">
<div class="form-group">
<h3>Quel est le cours/TP que vous avez préféré ?</h3>
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r1">
Docker, premiers pas
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r2">
Docker, avancé
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r3">
Linux Internal part 1 : procfs, capabilities, cgroups
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r4">
Linux Internal part 2 : namespaces, mount, networking
</label>
<div class="form-group panel panel-default">
<div class="panel-heading">Quel est le cours/TP que vous avez préféré ?</div>
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r1">
Docker, premiers pas
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r2">
Docker, avancé
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r3">
Linux Internal part 1 : procfs, capabilities, cgroups
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q1" id="q1" value="r4">
Linux Internal part 2 : namespaces, mount, networking
</label>
</div>
</div>
</div>
<hr>
<div class="form-group">
<h3>Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</h3>
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r1">
Docker, premiers pas
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r2">
Docker, avancé
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r3">
Linux Internal part 1 : procfs, capabilities, cgroups
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r4">
Linux Internal part 2 : namespaces, mount, networking
</label>
<div class="form-group panel panel-default">
<div class="panel-heading">Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</div>
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r1">
Docker, premiers pas
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r2">
Docker, avancé
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r3">
Linux Internal part 1 : procfs, capabilities, cgroups
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q2" id="q2" value="r4">
Linux Internal part 2 : namespaces, mount, networking
</label>
</div>
</div>
</div>
<hr>
<div class="form-group">
<h3>Diriez-vous que ce cours a :</h3>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r1">
Trop de rappels
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r2">
Trop de contenu
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r3">
Pas assez d'heures
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r4">
Arrive trop tard dans l'année
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r5">
Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r6">
Trop élitiste
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r7">
Pas assez élitiste
</label>
<div class="form-group panel panel-default">
<div class="panel-heading">Diriez-vous que ce cours a :</div>
<div class="panel-body" style="-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;">
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r1">
Trop de rappels
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r2">
Trop de contenu
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r3">
Pas assez d'heures
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r4">
Arrive trop tard dans l'année
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r5">
Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r6">
Trop élitiste
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="q3" id="q3" value="r7">
Pas assez élitiste
</label>
</div>
</div>
</div>
<hr>
<div class="form-group">
<h3>Les TP, principalement :</h3>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r1">
sont trop longs
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r2">
ont trop de texte
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r3">
n'ont pas assez d'exercices
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r4">
ont trop d'exercices
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r5">
ne vont pas assez loin
</label>
<div class="form-group panel panel-default">
<div class="panel-heading">Les TP, principalement :</div>
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r1">
sont trop longs
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r2">
ont trop de texte
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r3">
n'ont pas assez d'exercices
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r4">
ont trop d'exercices
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r5">
ne vont pas assez loin
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r5">
ne marchent pas
</label>
</div>
</div>
</div>
<hr>
<div class="form-group">
<h3>Quelle raison vous a principalement poussée à ne pas assister au cours ?</h3>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r1">
Je suis venu moi ! (ou autres empêchements non-liés au cours)
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r2">
Je connaissais déjà les notions abordées
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r3">
Trop bullshit
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r4">
Trop technique
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r5">
Il n'y a pas de valeur ajouté à aller à ce cours/TP
</label>
<div class="form-group panel panel-default">
<div class="panel-heading">Quelle raison vous a principalement poussée à ne pas assister au cours ?</div>
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r1">
Je suis venu moi ! (ou autres empêchements non-liés au cours)
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r2">
Je connaissais déjà les notions abordées
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r3">
Trop bullshit
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r4">
Trop technique
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="q5" id="q5" value="r5">
Il n'y a pas de valeur ajouté à aller à ce cours/TP
</label>
</div>
</div>
</div>