Split into several columns
This commit is contained in:
parent
3e98322981
commit
61132dbbc7
339
home.html
339
home.html
|
|
@ -4,6 +4,10 @@
|
||||||
<title>Sondage VIRLI</title>
|
<title>Sondage VIRLI</title>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<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">
|
<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>
|
</head>
|
||||||
<body class="container">
|
<body class="container">
|
||||||
<h1>Virtualisation légère — SRS 2017</h1>
|
<h1>Virtualisation légère — SRS 2017</h1>
|
||||||
|
|
@ -14,182 +18,189 @@
|
||||||
|
|
||||||
<form method="post" action="vote">
|
<form method="post" action="vote">
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group panel panel-default">
|
||||||
<h3>Quel est le cours/TP que vous avez préféré ?</h3>
|
<div class="panel-heading">Quel est le cours/TP que vous avez préféré ?</div>
|
||||||
<div class="radio">
|
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
|
||||||
<label>
|
<div class="radio">
|
||||||
<input type="radio" name="q1" id="q1" value="r1">
|
<label>
|
||||||
Docker, premiers pas
|
<input type="radio" name="q1" id="q1" value="r1">
|
||||||
</label>
|
Docker, premiers pas
|
||||||
</div>
|
</label>
|
||||||
<div class="radio">
|
</div>
|
||||||
<label>
|
<div class="radio">
|
||||||
<input type="radio" name="q1" id="q1" value="r2">
|
<label>
|
||||||
Docker, avancé
|
<input type="radio" name="q1" id="q1" value="r2">
|
||||||
</label>
|
Docker, avancé
|
||||||
</div>
|
</label>
|
||||||
<div class="radio">
|
</div>
|
||||||
<label>
|
<div class="radio">
|
||||||
<input type="radio" name="q1" id="q1" value="r3">
|
<label>
|
||||||
Linux Internal part 1 : procfs, capabilities, cgroups
|
<input type="radio" name="q1" id="q1" value="r3">
|
||||||
</label>
|
Linux Internal part 1 : procfs, capabilities, cgroups
|
||||||
</div>
|
</label>
|
||||||
<div class="radio">
|
</div>
|
||||||
<label>
|
<div class="radio">
|
||||||
<input type="radio" name="q1" id="q1" value="r4">
|
<label>
|
||||||
Linux Internal part 2 : namespaces, mount, networking
|
<input type="radio" name="q1" id="q1" value="r4">
|
||||||
</label>
|
Linux Internal part 2 : namespaces, mount, networking
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr>
|
<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="form-group">
|
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
|
||||||
<h3>Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</h3>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q2" id="q2" value="r1">
|
||||||
<input type="checkbox" name="q2" id="q2" value="r1">
|
Docker, premiers pas
|
||||||
Docker, premiers pas
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q2" id="q2" value="r2">
|
||||||
<input type="checkbox" name="q2" id="q2" value="r2">
|
Docker, avancé
|
||||||
Docker, avancé
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q2" id="q2" value="r3">
|
||||||
<input type="checkbox" name="q2" id="q2" value="r3">
|
Linux Internal part 1 : procfs, capabilities, cgroups
|
||||||
Linux Internal part 1 : procfs, capabilities, cgroups
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q2" id="q2" value="r4">
|
||||||
<input type="checkbox" name="q2" id="q2" value="r4">
|
Linux Internal part 2 : namespaces, mount, networking
|
||||||
Linux Internal part 2 : namespaces, mount, networking
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr>
|
<div class="form-group panel panel-default">
|
||||||
|
<div class="panel-heading">Diriez-vous que ce cours a :</div>
|
||||||
<div class="form-group">
|
<div class="panel-body" style="-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;">
|
||||||
<h3>Diriez-vous que ce cours a :</h3>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q3" id="q3" value="r1">
|
||||||
<input type="checkbox" name="q3" id="q3" value="r1">
|
Trop de rappels
|
||||||
Trop de rappels
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q3" id="q3" value="r2">
|
||||||
<input type="checkbox" name="q3" id="q3" value="r2">
|
Trop de contenu
|
||||||
Trop de contenu
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q3" id="q3" value="r3">
|
||||||
<input type="checkbox" name="q3" id="q3" value="r3">
|
Pas assez d'heures
|
||||||
Pas assez d'heures
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q3" id="q3" value="r4">
|
||||||
<input type="checkbox" name="q3" id="q3" value="r4">
|
Arrive trop tard dans l'année
|
||||||
Arrive trop tard dans l'année
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q3" id="q3" value="r5">
|
||||||
<input type="checkbox" name="q3" id="q3" value="r5">
|
Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin
|
||||||
Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q3" id="q3" value="r6">
|
||||||
<input type="checkbox" name="q3" id="q3" value="r6">
|
Trop élitiste
|
||||||
Trop élitiste
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="checkbox">
|
||||||
<div class="checkbox">
|
<label>
|
||||||
<label>
|
<input type="checkbox" name="q3" id="q3" value="r7">
|
||||||
<input type="checkbox" name="q3" id="q3" value="r7">
|
Pas assez élitiste
|
||||||
Pas assez élitiste
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr>
|
<div class="form-group panel panel-default">
|
||||||
|
<div class="panel-heading">Les TP, principalement :</div>
|
||||||
<div class="form-group">
|
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
|
||||||
<h3>Les TP, principalement :</h3>
|
<div class="radio">
|
||||||
<div class="radio">
|
<label>
|
||||||
<label>
|
<input type="radio" name="q4" id="q4" value="r1">
|
||||||
<input type="radio" name="q4" id="q4" value="r1">
|
sont trop longs
|
||||||
sont trop longs
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="radio">
|
||||||
<div class="radio">
|
<label>
|
||||||
<label>
|
<input type="radio" name="q4" id="q4" value="r2">
|
||||||
<input type="radio" name="q4" id="q4" value="r2">
|
ont trop de texte
|
||||||
ont trop de texte
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="radio">
|
||||||
<div class="radio">
|
<label>
|
||||||
<label>
|
<input type="radio" name="q4" id="q4" value="r3">
|
||||||
<input type="radio" name="q4" id="q4" value="r3">
|
n'ont pas assez d'exercices
|
||||||
n'ont pas assez d'exercices
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="radio">
|
||||||
<div class="radio">
|
<label>
|
||||||
<label>
|
<input type="radio" name="q4" id="q4" value="r4">
|
||||||
<input type="radio" name="q4" id="q4" value="r4">
|
ont trop d'exercices
|
||||||
ont trop d'exercices
|
</label>
|
||||||
</label>
|
</div>
|
||||||
</div>
|
<div class="radio">
|
||||||
<div class="radio">
|
<label>
|
||||||
<label>
|
<input type="radio" name="q4" id="q4" value="r5">
|
||||||
<input type="radio" name="q4" id="q4" value="r5">
|
ne vont pas assez loin
|
||||||
ne vont pas assez loin
|
</label>
|
||||||
</label>
|
</div>
|
||||||
|
<div class="radio">
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="q4" id="q4" value="r5">
|
||||||
|
ne marchent pas
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group panel panel-default">
|
||||||
<hr>
|
<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="form-group">
|
<div class="radio">
|
||||||
<h3>Quelle raison vous a principalement poussée à ne pas assister au cours ?</h3>
|
<label>
|
||||||
<div class="radio">
|
<input type="radio" name="q5" id="q5" value="r1">
|
||||||
<label>
|
Je suis venu moi ! (ou autres empêchements non-liés au cours)
|
||||||
<input type="radio" name="q5" id="q5" value="r1">
|
</label>
|
||||||
Je suis venu moi ! (ou autres empêchements non-liés au cours)
|
</div>
|
||||||
</label>
|
<div class="radio">
|
||||||
</div>
|
<label>
|
||||||
<div class="radio">
|
<input type="radio" name="q5" id="q5" value="r2">
|
||||||
<label>
|
Je connaissais déjà les notions abordées
|
||||||
<input type="radio" name="q5" id="q5" value="r2">
|
</label>
|
||||||
Je connaissais déjà les notions abordées
|
</div>
|
||||||
</label>
|
<div class="radio">
|
||||||
</div>
|
<label>
|
||||||
<div class="radio">
|
<input type="radio" name="q5" id="q5" value="r3">
|
||||||
<label>
|
Trop bullshit
|
||||||
<input type="radio" name="q5" id="q5" value="r3">
|
</label>
|
||||||
Trop bullshit
|
</div>
|
||||||
</label>
|
<div class="radio">
|
||||||
</div>
|
<label>
|
||||||
<div class="radio">
|
<input type="radio" name="q5" id="q5" value="r4">
|
||||||
<label>
|
Trop technique
|
||||||
<input type="radio" name="q5" id="q5" value="r4">
|
</label>
|
||||||
Trop technique
|
</div>
|
||||||
</label>
|
<div class="radio">
|
||||||
</div>
|
<label>
|
||||||
<div class="radio">
|
<input type="radio" name="q5" id="q5" value="r5">
|
||||||
<label>
|
Il n'y a pas de valeur ajouté à aller à ce cours/TP
|
||||||
<input type="radio" name="q5" id="q5" value="r5">
|
</label>
|
||||||
Il n'y a pas de valeur ajouté à aller à ce cours/TP
|
</div>
|
||||||
</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Reference in New Issue