- Page d'accueil Page d'accueil Calendrier K-Psul La K-F\\u00eat, c'est quoi ? \\n\\n\\n Eh bien la K-F\\u00eat, c'est le bar des \\u00e9l\\u00e8ves de l'\\u00c9cole normale\\n sup\\u00e9rieure. Elle est situ\\u00e9e dans les locaux de l'\\u00c9cole, au pied de\\n l'escalier C (plan ). On y trouve \\u00e0 boire , bien s\\u00fbr,\\n des bi\\u00e8res en nombre pl\\u00e9thorique mais aussi caf\\u00e9s, th\\u00e9s, softs et de quoi\\n grignoter. Ah oui un point important, on ne va pas \\u00e0 la K-F\\u00eat, on va EN K-F\\u00eat.\\n
\", \"type\": \"rich\"}, {\"value\": \"Mais on n'y fait que boire et manger ? \\n\\n\\n Que nenni, \\u00f4 jeune et innocent conscrit-e ! La K-F\\u00eat n'est pas un bouge\\n sordide o\\u00f9 des piliers de bar passent leurs journ\\u00e9es \\u00e0 picoler. Enfin pas\\n uniquement. C'est aussi un lieu de divertissement avec\\n son flipper (la mythique, la seule, l'unique,\\n la g\\u00e9niale Amazon Hunt), son baby-foot et le lieu d'\\u00e9lection des \\nbridgeur-se-s, du club jeux, des joueur-se-s de poker voire des quelques\\n irr\\u00e9ductibles du boulot qui y viennent bosser en profitant du point \\nd'acc\\u00e8s wifi. \\n
\", \"type\": \"rich\"}, {\"value\": \"Ah \\u00e7a a l'air bien mais... qui s'en occupe ? C'est ouvert quand ? \\n\\n\\n L'\\u00e9quipe d'\\u00e9l\\u00e8ves motiv\\u00e9-e-s qui s'occupent de la K-F\\u00eat s'appelle, en toute logique, l'\\u00e9quipe K-F\\u00eat .\\n Elle est men\\u00e9e par un-e leader charismatique et bien-aim\\u00e9-e, \\naccompagn\\u00e9-e de ses troupes de fid\\u00e8les, les K-F\\u00eat wo-men, boys et girls.\\n Le local de la K-F\\u00eat n'est ouvert que si un-e K-F\\u00eat wo-man est \\npr\\u00e9sente. \\u00c0 savoir la plupart du temps entre 12h et 3h du matin.\\n
\", \"type\": \"rich\"}, {\"value\": \"Et je peux y faire ce que je veux ? \\n\\n\\n Oui et non. Nous ne sommes pas ta grand-m\\u00e8re et nous n'allons\\n certainement pas t'emp\\u00eacher de faire la f\\u00eate, ni de d\\u00e9guster des pintes\\n jusqu'au petit p\\u00f4t. Par contre nous attendons de toi que tu ne sois pas\\n un-e gros-se con-ne. A priori pas de raison de le croire, mais jette tout de m\\u00eame\\n un \\u0153il sur le mode d'emploi de la K-F\\u00eat, \\u00e7a\\n pourrait t'\\u00e9viter de perdre un genoux ou deux...\\n
\", \"type\": \"rich\"}, {\"value\": \"J'adore la K-F\\u00eat, j'aimerais y organiser une soir\\u00e9e, c'est possible ? \\n\\n\\n Bien s\\u00fbr\\u00a0! Pour cela commence par lire ce petit\\n guide histoire de savoir dans quoi tu t'engages puis contacte ton-ta chef-fe K-F\\u00eat ador\\u00e9-e pour v\\u00e9rifier que la date de ta\\n soir\\u00e9e n'est pas d\\u00e9j\\u00e0 prise par une autre f\\u00eate et obtenir son\\n accord.\\n
\", \"type\": \"rich\"}, {\"value\": \"J'ai une question \\u00e0 vous poser. O\\u00f9 puis-je vous contacter ? \\n\\n\\n Commence d\\u00e9j\\u00e0 par jeter un oeil sur le mode\\n d'emploi de la K-F\\u00eat. Si la r\\u00e9ponse \\u00e0 tes interrogations ne s'y\\n trouve pas, rien n'est perdu. En effet le service informatique de \\nl'\\u00c9cole, dans sa grande mansu\\u00e9tude, a mis \\u00e0 disposition de l'\\u00e9quipe \\nK-F\\u00eat une adresse e-mail, k-fet@ens.fr . Mais sinon, passe en K-F\\u00eat, il y aura sans doute un K-F\\u00eat wo-man qui saura r\\u00e9pondre \\u00e0 ta question.\\n
\", \"type\": \"rich\"}]",
+ "layout": "kfet/base_col_mult.html",
+ "no_header": false,
+ "col_count": ""
+ }
+},
+{
+ "pk": 4,
+ "model": "kfetcms.kfetpage",
+ "fields": {
+ "main_size": "",
+ "content": "[{\"value\": \"Article 0 : La K-F\\u00eat n'existe pas.
\", \"type\": \"rich\"}, {\"value\": \"La K-F\\u00eat, c'est magique, comment \\u00e7a marche ? La K-F\\u00eat n'a \\nrien de magique, il n'y a pas de petits d\\u00e9mons qui font le m\\u00e9nage, pas \\nplus que d'arbustes g\\u00e9n\\u00e9tiquement modifi\\u00e9s aux OGM sur lesquels poussent\\n les bouteilles de bi\\u00e8res. La K-F\\u00eat c'est avant tout une \\u00e9quipe qui sacrifie une partie de son temps libre pour que tout se passe pour le mieux.
\", \"type\": \"rich\"}, {\"value\": \"Que puis-je faire pour vous aider un peu ? D\\u00e9j\\u00e0 ne pas poser \\nde probl\\u00e8mes, c'est \\u00e0 dire ne pas r\\u00e9veiller tout l'internat en sortant, \\nessayer de ne pas finir dans un \\u00e9tat trop avanc\\u00e9 d'alcoolisation, etc...\\n Mine de rien \\u00e7a nous \\u00e9viterait quelques probl\\u00e8mes.
Ensuite, comme\\n tu le sais s\\u00fbrement les bi\\u00e8res sont consign\\u00e9es, il est donc pr\\u00e9f\\u00e9rable \\npour nous que tu n'embarques pas les bouteilles en souvenir dans ta \\nthurne. Mieux, tu peux nous faire gagner du temps de rangement en les \\nramenant au bar en partant. Et encore mieux, tu peux jeter tes d\\u00e9chets \\n(gobelets, boite de pringles, etc...). Si tu fais d\\u00e9j\\u00e0 tout \\u00e7a tu nous \\nsimplifieras grandement la vie.
\", \"type\": \"rich\"}, {\"value\": \"Le syst\\u00e8me mon\\u00e9taire de la K-F\\u00eat En bon \\u00e9tat souverain et \\nind\\u00e9pendant, la K-F\\u00eat a sa propre monnaie : l'unit\\u00e9 K-F\\u00eat (UKF). Elle \\nvaut 10 centimes d'euro. La K-F\\u00eat ne battant pas monnaie, les UKF que tu\\n poss\\u00e8des sont not\\u00e9es sur ton compte, identifi\\u00e9 par un trigramme (une \\nsuite de trois caract\\u00e8res) et que tu peux recharger en liquide ou par \\nch\\u00e8que. Note que si tu y tiens vraiment, tu peux payer en liquide, mais \\nposs\\u00e9der un compte est bien plus pratique.
\", \"type\": \"rich\"}, {\"value\": \"Comment commander \\u00e0 boire ou \\u00e0 manger ? Pour commander \\u00e0 boire ou \\u00e0 manger, il suffit de demander \\u00e0 un membre de l'\\u00e9quipe K-F\\u00eat .\\n Et \\u00e7a marche encore mieux si la demande est effectu\\u00e9e avec le sourire \\nau d\\u00e9but et un merci \\u00e0 la fin : l'\\u00e9quipe est constitu\\u00e9e de volontaires \\nb\\u00e9n\\u00e9voles, et mieux vaut ne pas les prendre pour des chiens. EN AUCUN \\nCAS on ne passe derri\\u00e8re le bar si on n'est pas membre de l'\\u00e9quipe K-F\\u00eat .
\", \"type\": \"rich\"}, {\"value\": \"Puis-je fumer en K-F\\u00eat ? Non ! Imagine-toi les jours de \\nsoir\\u00e9es, la K-F\\u00eat remplie et tout le monde qui fume... On finirait tous \\navec des poumons aussi crades que le sol de la K-F\\u00eat. Ce serait quand \\nm\\u00eame dommage pour la recherche fran\\u00e7aise qu'on cr\\u00e8ve tous avant 30 ans, \\nnon ?
Par contre tu peux fumer dehors, il y a m\\u00eame des cendriers \\njuste pour toi, par contre tu remarqueras que les chambres de l'internat\\n se trouvent juste au dessus de toi. T\\u00e2che donc de ne pas faire trop de \\nbruit.
\", \"type\": \"rich\"}, {\"value\": \"Et amener ma propre bouteille ? D\\u00e9j\\u00e0 c'est apporter, enfin en\\n tout cas avant de la boire. Ensuite la K-F\\u00eat est un lieu de \\nconvivialit\\u00e9 o\\u00f9 les bi\\u00e8res te sont vendues au prix co\\u00fbtant,\\n franchement ce serait pas fair-play de te la jouer solo. Alors \\n\\u00e9videment il y a des exceptions, par exemple si tu reviens de Belgique \\net que tu veux faire go\\u00fbter de la Wesvleteren \\u00e0 tes amis de l'\\u00e9quipe K-F\\u00eat ,\\n ou si tu veux organiser une d\\u00e9gustation de vins avec la charcuterie qui\\n va bien. Tu comprendras qu'un pack de Kro c'est quand m\\u00eame pas la m\\u00eame \\nclasse...
\", \"type\": \"rich\"}, {\"value\": \"Je peux passer ma musique ? Bien s\\u00fbr, nous sommes tr\\u00e8s loin \\nde penser tout conna\\u00eetre en mati\\u00e8re de musique. Mais comme nous sommes \\nentre gens civilis\\u00e9s, et que je te rappelle que tu n'as pas le droit de \\npasser derri\\u00e8re le bar, il convient de demander \\u00e0 un-e membre de l'\\u00e9quipe K-F\\u00eat \\n afin qu'ille t'indique qui est \\u00e0 l'origine de ces chansons que tu \\nn'appr\\u00e9cies apparemment pas. Apr\\u00e8s avoir obtenu son accord tu peux \\ndemander \\u00e0 quelqu'un de mettre ta playlist, qui peut-\\u00eatre sur un lecteur\\n mp3, sur Deezer ou juste sur l'ordi, mais dans ce dernier cas ce sera plus dur puisque tu n'y aura pas acc\\u00e8s directement.
Le plus simple pour toi (et pour nous) est donc de pr\\u00e9voir des playlists sur Deezer \\n d'avance et de nous les proposer. Par contre, sois gentil-le, n'insiste\\n pas si nous ne voulons pas de ta musique traditionnelle hongroise. Par \\nailleurs, si un trop grand nombre de personnes nous demande de passer de\\n la musique, l'\\u00e9quipe K-F\\u00eat peut ne pas acc\\u00e9der \\u00e0 ta requ\\u00eate.
\", \"type\": \"rich\"}, {\"value\": \"Comment organiser une soir\\u00e9e en K-F\\u00eat ? Tout membre du COF \\npeut organiser une soir\\u00e9e en K-F\\u00eat \\u00e0 la condition qu'elle soit publique \\net annonc\\u00e9e une semaine \\u00e0 l'avance par des affiches dans l'\\u00e9cole et un \\nmot dans le BOcal. Il faut bien sur aussi l'accord du COF qui s'occupe \\nde voir si \\u00e7a ne pose pas de probl\\u00e8me \\u00e0 l'admin, celui de la K-F\\u00eat team \\npour qu'il y ait des K-F\\u00eat wo-men pour servir et s\\u00fbrement du BOUM pour \\nqu'il s'occupe de la musique. Nous t'avons tout r\\u00e9sum\\u00e9 ici \\n ; merci qui ? Une fois que tu as accompli ces formalit\\u00e9s, il ne te \\nreste plus qu'\\u00e0 imprimer et coller des affiches pour que ta soir\\u00e9e soit \\nun succ\\u00e8s !
\", \"type\": \"rich\"}, {\"value\": \"D'autres remarques ? Des tonnes, en voici quelques unes :
Ce n'est pas caf\\u00e8t, ni kfet, ni caf\\u00e9t\\u00e9ria, c'est K-F\\u00eat , avec les majuscules. On dit \\\"en K-F\\u00eat\\\". On ne passe pas derri\\u00e8re le bar ,\\n je sais je l'ai d\\u00e9j\\u00e0 dit, mais \\u00e7a a du mal \\u00e0 rentrer. S'il n'y a \\npersonne pour servir c'est que les K-F\\u00eat people sont soit occup\\u00e9-e-s \\nquelque chose d'important en arri\\u00e8re-K-F\\u00eat, soit sont pos\\u00e9-e-s dans le \\ncanap\\u00e9 \\u00e0 c\\u00f4t\\u00e9 du bar, soit sont en train de jouer \\u00e0 l'Amazon . Demande-leur, ou prends ton mal en patience.La K-F\\u00eat n'est pas une porcherie, tu n'es pas oblig\\u00e9-e de laisser tout ton bordel quand tu pars. Merci d'avoir lu jusque l\\u00e0. Les ancien-ne-s Chef-fe-s K-F\\u00eat Les ancien-ne-s Chef-fe-s K-F\\u00eat doivent bien \\u00eatre pr\\u00e9sent\\u00e9-e-s avant \\nl'\\u00e9quipe actuelle. C'est gr\\u00e2ce \\u00e0 elleux qu'elle tourne encore, gr\\u00e2ce \\u00e0 \\nelleux qu'elle a bien tourn\\u00e9, et puis, de pr\\u00e8s comme de loin, illes \\nveillent encore sur nous. Ce sont les diff\\u00e9rentes facettes de la K-F\\u00eat \\nhistorique, bien que d'un certain point de vue, illes se ressemblent \\ntou-te-s : les Chef-fe-s K-F\\u00eat sont une dynastie, ils n'ont pas \\u00e9t\\u00e9 \\nChef-fe-s apr\\u00e8s avoir prouv\\u00e9 quoi que ce soit, illes l'ont \\u00e9t\\u00e9 parce que\\n ce r\\u00f4le leur revenait de droit. On na\\u00eet Chef-fe K-F\\u00eat, on ne le devient\\n pas. Et on le reste toujours, dans l'\\u00e2me.
\", \"type\": \"rich\"}, {\"value\": {\"members\": [13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30], \"show_only\": 12}, \"type\": \"group_team\"}], \"type\": \"group\"}, {\"value\": [{\"value\": \"Le chef Le-la chef-fe K-F\\u00eat, celui-celle qui a le droit de vie et de mort sur les \\u00e2mes \\u00e9gar\\u00e9es qui fr\\u00e9quentent la K-F\\u00eat.
\", \"type\": \"rich\"}, {\"value\": {\"members\": [1, 2], \"show_only\": null}, \"type\": \"group_team\"}], \"type\": \"group\"}, {\"value\": [{\"value\": \"Les K-F\\u00eat Wo-Men Les K-F\\u00eat wo-men poss\\u00e8dent les cl\\u00e9s de la K-F\\u00eat. Ce sont elleux qui peuvent d\\u00e9cider ou non d'ouvrir la K-F\\u00eat.
\", \"type\": \"rich\"}, {\"value\": {\"members\": [3, 4, 5, 6, 7, 8, 9, 10, 11, 12], \"show_only\": null}, \"type\": \"group_team\"}], \"type\": \"group\"}, {\"value\": [{\"value\": \"Les Vieux-illes Les vieux-illes sont d'ancien-ne-s K-F\\u00eat wo-men qui ne viennent plus \\naussi souvent qu'avant, illes servent toujours, mais n'ont en g\\u00e9n\\u00e9ral \\nplus les cl\\u00e9s. Illes existent n\\u00e9anmoins, et on les garde (pour \\ncertain-e-s) parce qu'au fond, on les aime quand m\\u00eame, et qu'en plus, \\nilles en savent plus que n'importe qui sur la K-F\\u00eat.
\", \"type\": \"rich\"}], \"type\": \"group\"}, {\"value\": \"Les K-F\\u00eat boys et girls \\n\\nLes K-F\\u00eat boys and girls font de main d'\\u0153uvre bon march\\u00e9 pour la \\nK-F\\u00eat, illes peuvent passer derri\\u00e8re le bar, prendre vos commandes et \\nrecharger votre compte si par malheur il est \\u00e0 sec. La liste de \\ncelleux-ci est trop longue pour tou-te-s les citer, pour les reconna\\u00eetre\\n regarde les gens qui passent derri\\u00e8re le bar tout en conservant leur \\nint\\u00e9grit\\u00e9 physique.
\", \"type\": \"rich\"}, {\"value\": \"Comment devient-on K-F\\u00eat people ? Grande question que tout le monde se pose un jour ou l'autre. Pour \\nacc\\u00e9der au titre prestigieux de K-F\\u00eat boy-girl, il est n\\u00e9cessaire mais \\npas suffisant d'\\u00eatre assid\\u00fbment pr\\u00e9sent-e en K-F\\u00eat, et d'\\u00eatre pr\\u00eat-e \\u00e0 \\ntrimer pour elle. Si tu es souvent en K-F\\u00eat, que tu es sympathique et \\nmotiv\\u00e9-e, et surtout en fin de compte si le-la chef-fe le veut bien, tu \\npourras devenir K-F\\u00eat boy-girl et passer derri\\u00e8re le bar pour servir. \\nEnsuite, si tu es motiv\\u00e9-e et efficace, ou simplement si t'es un-e pote \\ndu-de la chef-fe et qu'ille n'a aucun scrupule, tu pourras devenir K-F\\u00eat\\n wo-man et avoir la cl\\u00e9.
Et comme la K-F\\u00eat c'est avant tout beaucoup d'emmerdes on a pas envie\\n de te forcer la main, on veut que cela vienne de toi. Donc si tu te \\nsens pr\\u00eat-e \\u00e0 participer \\u00e0 la vie mouvement\\u00e9e de la K-F\\u00eat fais-en part \\nau-\\u00e0 la chef-fe. Ille ne va pas te manger.
\", \"type\": \"rich\"}]",
+ "layout": "kfet/base_col_mult.html",
+ "no_header": false,
+ "col_count": ""
+ }
+},
+{
+ "pk": 6,
+ "model": "kfetcms.kfetpage",
+ "fields": {
+ "main_size": "",
+ "content": "[{\"value\": \"Le service de la bi\\u00e8re est, historiquement, la mission et le sacerdoce \\ndu K-F\\u00eat people. Ille y est d\\u00e9vou\\u00e9-e corps et \\u00e2me, et accomplit sa t\\u00e2che\\n avec ardeur et passion. Voyons comment se d\\u00e9clinent les occasions \\nd'approcher du nirvana brassicole. Les prix donn\\u00e9s sont en UKF. Si tu \\nn'as pas compris, va voir par ici .
\", \"type\": \"rich\"}, {\"value\": null, \"type\": \"carte\"}]",
+ "layout": "kfet/base_col_mult.html",
+ "no_header": false,
+ "col_count": "column-md-2 column-lg-3"
+ }
+},
+{
+ "pk": 7,
+ "model": "kfetcms.kfetpage",
+ "fields": {
+ "main_size": "",
+ "content": "[{\"value\": \"Tu veux organiser une soir\\u00e9e en K-F\\u00eat ? Pas de probl\\u00e8me !
\", \"type\": \"rich\"}, {\"value\": \"Quand puis-je organiser une soir\\u00e9e ? \\n\\n\\n Tu peux organiser une soir\\u00e9e le jour que tu souhaites, \\u00e0 condition que la\\n date ne soit pas d\\u00e9j\\u00e0 prise par quelqu'un d'autre. Sache par contre que la\\n K-F\\u00eat ne te sera pas enti\\u00e8rement d\\u00e9di\\u00e9e et que les utilisateur-rice-s habituel-le-s\\n continueront de la fr\\u00e9quenter (et risquent fortement de squatter ta\\n soir\\u00e9e). Donc si tu veux un peu d'intimit\\u00e9 les soir\\u00e9es du week-end sont plus\\n conseill\\u00e9es (mais l'\\u00e9quipe risque de ne pas \\u00eatre pr\\u00e9sente), mais aussi\\n plus pris\\u00e9es, d\\u00e9p\\u00eache-toi de r\\u00e9server la tienne.\\n
\", \"type\": \"rich\"}, {\"value\": \"Quelles d\\u00e9marches dois-je effectuer ? \\n\\n D\\u00e9j\\u00e0 pr\\u00e9venir poliment l'\\u00e9quipe K-F\\u00eat , et\\n surtout le-la chef-fe pour v\\u00e9rifier que la date est encore libre, et qu'il y\\n aura au moins quelqu'un pour t'ouvrir la K-F\\u00eat. Ensuite, si ta soir\\u00e9e\\n n'est pas une simple bouffe qui finit avant minuit il faut pr\\u00e9venir les\\n vigiles via l'administration au moyen d'une demande d'autorisation de\\n soir\\u00e9e qui se trouve sur la section du p\\u00f4le Pr\\u00e9vention et S\\u00e9curit\\u00e9 sur l'intranet : demande d'autorisation de soir\\u00e9e .\\n \\u00c0 faire au moins une semaine avant ta soir\\u00e9e.\\n
\\n\\n Si en plus tu as besoin que le BOUM s'occupe de la musique et/ou PLS des\\n lumi\\u00e8res c'est elleux qu'il faut contacter. Histoire de t'\\u00e9viter\\n d'avoir \\u00e0 chercher voici leur adresse\\u00a0: boum (at) ens (point) fr \\n et pls (at) ens (point) fr .\\n
\", \"type\": \"rich\"}, {\"value\": \"C'est enfin le grand jour, je fais quoi ? \\n\\n D\\u00e9j\\u00e0 le m\\u00e9nage, oui je sais c'est chiant mais c'est le prix \\u00e0 payer pour\\n profiter du local. Demande \\u00e0 ce qu'un-e K-F\\u00eat wo-man t'ouvre et tu devrais avoir\\n \\u00e0 ta disposition tout ce qu'il faut pour faire briller la K-F\\u00eat (ou au moins on essaiera de\\n trouver ce qu'il faut). Fais par\\n contre attention aux bouteilles de bi\\u00e8re qui sont consign\\u00e9es, s'il n'y a\\n personne pour les ranger contente-toi de les mettre sur le bar, quelqu'un\\n s'en chargera plus tard. Les meubles peuvent \\u00eatre d\\u00e9plac\\u00e9s dans une salle\\n voisine si tu le souhaites, il faudra juste penser \\u00e0 les remettre en place.\\n
\\n\\n Ensuite dans l'id\\u00e9al tu connais tous tes potes, donc en donner une liste \\u00e0\\n la loge permet d'\\u00e9viter quelques probl\\u00e8mes et quelques aller-retours.\\n Au-del\\u00e0 de 21h, les ext\\u00e9rieur-e-s ne peuvent rentrer qu'avec un-e Ulmien-ne ayant sa carte\\n sur lui-elle.\\n
\", \"type\": \"rich\"}, {\"value\": \"Je pourrai passer ma musique ? \\n\\n\\n Si le BOUM est pr\\u00e9sent, faut voir avec elleux : boum (at) ens (point) fr Deezer . Lors de la soir\\u00e9e,\\n demande \\u00e0 un-e K-F\\u00eat wo-man de passer ce que tu as pr\\u00e9par\\u00e9.\\n
\", \"type\": \"rich\"}, {\"value\": \"Et pour ce qui est de la nourriture, des boissons ? \\n\\n Tu peux apporter toute la nourriture que tu souhaites\\u00a0; pr\\u00e9vois assez\\n large, il y a beaucoup de K-F\\u00eat people \\u00e0 nourrir. Pour ce qui est de la\\n boisson, il faut te limiter aux boissons de cat\\u00e9gorie 2, c'est \\u00e0 dire\\n bi\\u00e8res, vins et boissons \\u00e0 base de vin, champagne et bien s\\u00fbr les boissons sans alcool.\\n
\", \"type\": \"rich\"}, {\"value\": \"Et pendant la soir\\u00e9e ? \\n\\n Ce soir c'est ton soir, il est donc bien s\\u00fbr \\u00e9vident que tu dois\\n rester pr\\u00e9sent-e et joignable du d\\u00e9but \\u00e0 la fin de la soir\\u00e9e. Id\\u00e9alement ce\\n doit aussi \\u00eatre le cas de tes \\\"Responsables ordre et discipline\\\". Vous ne serez pas\\n trop de deux ou trois pour r\\u00e9gler les probl\\u00e8mes qui pourraient survenir,\\n tes potes bourr\\u00e9-e-s, tes potes qui fument, tes potes qui font du bordel dans la cage d'escalier,\\n etc... Tous les probl\\u00e8mes qui pourraient survenir te seront imput\\u00e9s donc\\n pr\\u00e9viens-les, c'est tes potes apr\\u00e8s tout, non ?\\n
\", \"type\": \"rich\"}, {\"value\": \"Apr\\u00e8s c'est bon ? \\n\\n Eh non, pas encore, apr\\u00e8s (ou le lendemain de) ta soir\\u00e9e il te faudra encore ranger,\\n faire le m\\u00e9nage et passer un coup de javel. Oui encore, mais bon, pense \\u00e0 toutes les fois o\\u00f9\\n c'est nous qui le faisons pour le bien de tou-te-s. Une fois n'est pas\\n coutume demande \\u00e0 un-e K-F\\u00eat wo-man de t'ouvrir et de te fournir tout le\\n mat\\u00e9riel dont tu pourrais avoir besoin, et l\\u00e0 o\\u00f9 c'est vraiment classe\\n c'est que tu peux m\\u00eame faire \\u00e7a en musique si tu le souhaites. N'oublie\\n pas non plus de rapporter les meubles que tu pourrais avoir sortis et que\\n les poubelles ne disparaissent pas toutes seules.\\n
\", \"type\": \"rich\"}, {\"value\": \"Une derni\\u00e8re remarque ? \\n\\n\\n Ouais, la K-F\\u00eat c'est pas chez m\\u00e9m\\u00e9, alors c'est peut-\\u00eatre ta soir\\u00e9e mais\\n si un-e membre de l'\\u00e9quipe K-F\\u00eat te dit quelque\\n chose (de baisser le son, de virer telle ou telle personne...) tu acceptes avec le sourire.\\n En particulier tu ne passes pas derri\\u00e8re le bar .\\n
\", \"type\": \"rich\"}, {\"value\": \"Je ne parle pas bien fran\\u00e7ais, vous pourriez me faire un r\\u00e9sum\\u00e9 ? \\n\\n Organiser ta soir\\u00e9e c'est facile :\\n
\\n Envoie un mail \\u00e0 la K-F\\u00eat pour demander l'autorisation\\n : k-fet (at) ens (point) fr . Lorsque c'est bon, remplis\\n le papier de l'admin, et\\n donne-le au-\\u00e0 la chef-fe K-F\\u00eat. Pour la musique, l'alcool, contacte la K-F\\u00eat. Le jour de la soir\\u00e9e, viens faire le m\\u00e9nage et donne une liste des\\n ext\\u00e9rieur-e-s \\u00e0 la loge. Pendant la soir\\u00e9e, surveille tes invit\\u00e9s (pas trop de bruit \\u00e0\\n l'ext\\u00e9rieur de la K-F\\u00eat, pas de gens trop bourr\\u00e9s qui font des b\\u00eatises\\n avec les alarmes ou les sorties de secours...) Apr\\u00e8s la soir\\u00e9e (le lendemain si tu veux) reviens faire le m\\u00e9nage. \\n Voila, facile, non ?\\n
\", \"type\": \"rich\"}]",
+ "layout": "kfet/base_col_mult.html",
+ "no_header": false,
+ "col_count": ""
+ }
+},
+{
+ "pk": 8,
+ "model": "kfetcms.kfetpage",
+ "fields": {
+ "main_size": "",
+ "content": "[{\"value\": \"Et le baby-foot
\", \"type\": \"rich\"}, {\"value\": \"LE flipper \\n\\n\\n\\n\\n\\tIl existe en K-F\\u00eat une machine unique, inimitable, tout droit venue des\\n ann\\u00e9es folles et b\\u00e9nies o\\u00f9 les concepteurs de flippers connaissaient \\nencore leur m\\u00e9tier, o\\u00f9 les tilts \\u00e9taient m\\u00e9rit\\u00e9s et le jeu un art de \\nvivre. L'esth\\u00e8te appr\\u00e9cie et reconna\\u00eet imm\\u00e9diatement la beaut\\u00e9 sobre et \\nsauvage de l'Amazon Hunt II. D'admirateur, il se m\\u00e9tamorphose \\nin\\u00e9luctablement en joueur-se, puis en amant-e. Car l'Amazon est une \\nfemme, fatale \\u00e0 bien des \\u00e9gards, tou-te-s les grand-e-s joueur-euse-s \\nvous le diront. Dans la pr\\u00e9histoire de la K-F\\u00eat, des demi-dieux-d\\u00e9esses \\ndu flipper d\\u00e9sormais pass\\u00e9-e-s dans la l\\u00e9gende ont r\\u00e9dig\\u00e9 un trait\\u00e9 \\n(certain-e-s diront une bible, voire la Bible).
\", \"type\": \"rich\"}, {\"value\": \"Le baby-foot \", \"type\": \"rich\"}, {\"value\": \"La d\\u00e9funte fun machine \\n\\n\\n\\nCette machine n'est plus. Mais elle reste dans le coeur de ceux qui \\nl'ont connue. C'est pourquoi cette section n'a pas \\u00e9t\\u00e9 retir\\u00e9e.
Pour attaquer le cas \\u00e9trange de la machine bizarre qui tra\\u00eene \\u00e0 c\\u00f4t\\u00e9, \\ndisons simplement qu'elle s'appelle Monster Bash. On me souffle en r\\u00e9gie\\n que pour une fun machine, elle n'est pas si mal. De fait, elle t\\u00e9moigne\\n d'un humour d\\u00e9cal\\u00e9, absurde et parfois involontaire : ainsi, la \\ntraduction oscille entre le path\\u00e9tique et l'ignoble, en passant par le \\nburlesque. Le but est de r\\u00e9veiller et vaincre six monstres, parmi \\nlesquels Dracula et Frankenstein, pour les asservir et les rassembler \\ndans le plus grand groupe de rock de l'histoire : les \\u00abmonsters of rock\\u00bb\\n (traduction : \\u00abmonstres du rocher\\u00bb). Il n'y a pas pour le moment de \\ntrait\\u00e9 th\\u00e9orique de la Monster Bash, la jeu se r\\u00e9sumant de toute fa\\u00e7on \\u00e0\\n \\u00abmoi voir, moi actionner flip\\u00bb. Ce qui n'emp\\u00eache pas la machine en \\nquestion d'avoir son public d'habitu\\u00e9-e-s, bien au contraire. \\n
\", \"type\": \"rich\"}]",
+ "layout": "kfet/base_col_mult.html",
+ "no_header": false,
+ "col_count": ""
+ }
+},
+{
+ "pk": 10,
+ "model": "kfetcms.kfetpage",
+ "fields": {
+ "main_size": "",
+ "content": "[{\"value\": \"Responsable de la publication Il s'agit de la pr\\u00e9sidence du COF Informations prestataires L'h\\u00e9bergement est fourni \\u00e0 titre gracieux par le CRI Le d\\u00e9veloppement est assur\\u00e9 par COF-Geek
+ {% include_block block %}
+
+{% endfor %}
+
+{% wagtailuserbar %}
+
+{% endblock %}
+
+{# Footer #}
+
+{% block footer %}
+{% include "kfet/base_footer.html" %}
+{% endblock %}
diff --git a/kfet/cms/templates/kfetcms/block_menu.html b/kfet/cms/templates/kfetcms/block_menu.html
new file mode 100644
index 00000000..382a7770
--- /dev/null
+++ b/kfet/cms/templates/kfetcms/block_menu.html
@@ -0,0 +1,11 @@
+{% load static %}
+
+{% if pressions %}
+ {% include "kfetcms/block_menu_category.html" with title="Pressions du moment" articles=pressions class="carte-inverted" %}
+{% endif %}
+
+{% regroup articles by category as categories %}
+
+{% for category in categories %}
+ {% include "kfetcms/block_menu_category.html" with title=category.grouper.name articles=category.list %}
+{% endfor %}
diff --git a/kfet/cms/templates/kfetcms/block_menu_category.html b/kfet/cms/templates/kfetcms/block_menu_category.html
new file mode 100644
index 00000000..ef7d4ce0
--- /dev/null
+++ b/kfet/cms/templates/kfetcms/block_menu_category.html
@@ -0,0 +1,12 @@
+
+
{{ title }}
+
+ {% for article in articles %}
+
+
+ {{ article.name }}
+ {{ article.price_ukf }} UKF
+
+ {% endfor %}
+
+
+
+ {% if len == 2 %}
+
+ {% endif %}
+
+ {% for member in groupteam.members %}
+
+
+ {% image member.photo max-200x500 %}
+
+ {{ member.get_full_name }}
+ alias {{ member.nick_name }}
+ {% endif %}
+
+
+
+ {% endfor %}
+
+ {% if groupteam.show_only != None and len > groupteam.show_only %}
+
+
+ {% if groupteam.show_only %}
+ Y'en a plus !
+ {% else %}
+ Les voir
+ {% endif %}
+
+
+ {% endif %}
+
+
Connexion en utilisateur partagé ? '
- .format(reverse('kfet.login.genericteam'))),
- extra_tags='safe')
+ messages.info(request, mark_safe(
+ ''
+ ' Connexion en utilisateur partagé ?'
+ ' '
+ .format(reverse('kfet.login.genericteam'))
+ ))
diff --git a/kfet/static/kfet/css/base/buttons.css b/kfet/static/kfet/css/base/buttons.css
new file mode 100644
index 00000000..e7498022
--- /dev/null
+++ b/kfet/static/kfet/css/base/buttons.css
@@ -0,0 +1,88 @@
+/* General ------------------------- */
+
+.btn {
+ border: 0;
+ outline: none !important;
+
+ transition: background-color, border, color, opacity;
+ transition-duration: 0.15s;
+
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+
+ font-family: "Roboto Slab";
+}
+
+.btn, .btn-lg, .btn-group-lg>.btn {
+ border-radius:0;
+}
+
+
+/* Default ------------------------- */
+
+.btn-default {
+ background-color: transparent !important;
+ color: #555;
+}
+
+.btn-default:hover,
+.btn-default.focus, .btn-default:focus {
+ color: #c8102e;
+}
+
+.btn-default[disabled]:hover, .btn-default.disabled:hover {
+ color: inherit !important;
+}
+
+
+/* Primary ------------------------- */
+
+.btn-primary {
+ background-color:#c63b52;
+ color:#FFF;
+}
+
+.btn-primary:hover,
+.btn-primary.focus, .btn-primary:focus,
+.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
+.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
+ background-color:#c8102e;
+ color:#FFF;
+}
+
+
+/* Primary + White background ------ */
+
+.btn-primary-w {
+ background: white;
+ color: black;
+}
+
+.btn-primary-w:hover {
+ background: #c63b52;
+ color: white;
+}
+
+.btn-primary-w.focus, .btn-primary-w:focus,
+.btn-primary-w.active.focus, .btn-primary-w.active:focus, .btn-primary-w.active:hover,
+.btn-primary-w:active.focus, .btn-primary-w:active:focus, .btn-primary-w:active:hover {
+ background: #c8102e;
+ color: white;
+}
+
+
+/* Nav ----------------------------- */
+
+.btn-nav {
+ background-color: transparent !important;
+ color: inherit;
+ border-bottom: 1px solid #ddd;
+}
+
+.btn-nav:hover,
+.btn-nav.focus, .btn-nav:focus,
+.btn-nav.active.focus, .btn-nav.active:focus, .btn-nav.active:hover,
+.btn-nav:active.focus, .btn-nav:active:focus, .btn-nav:active:hover {
+ border-bottom: 1px solid #c8102e;
+}
diff --git a/kfet/static/kfet/css/base/fixed.css b/kfet/static/kfet/css/base/fixed.css
new file mode 100644
index 00000000..d198c50f
--- /dev/null
+++ b/kfet/static/kfet/css/base/fixed.css
@@ -0,0 +1,151 @@
+.fixed > * + * {
+ margin-top: 15px;
+}
+
+
+/* Aside --------------------------- */
+
+/* Aside - Block */
+
+aside {
+ background: white;
+ padding: 15px;
+}
+
+aside > * + * {
+ margin-top: 15px;
+}
+
+/* Aside - Misc */
+
+aside .glyphicon-question-sign {
+ font-size: 0.8;
+}
+
+aside h4 {
+ font-weight: bold;
+}
+
+/* Aside - Heading */
+
+aside .heading {
+ font-family: "Roboto Slab";
+ font-size: 25px;
+ font-weight: bold;
+ line-height: 1.1;
+ text-align: center;
+}
+
+aside .heading .big {
+ font-size: 2em;
+}
+
+aside .heading .sub {
+ font-size: 0.7em;
+ font-weight: normal;
+}
+
+@media (min-width: 992px) {
+ aside .heading {
+ font-size: 32px;
+ line-height: 1.3;
+ }
+}
+
+/* Aside - Buttons */
+
+aside .buttons {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+
+aside .buttons > * {
+ flex: 0 1 auto !important;
+}
+
+
+/* Aside - Text */
+
+aside .text {
+ line-height: 1.3;
+ font-size: 14px;
+}
+
+@media (min-width: 992px) {
+ aside .text {
+ line-height: 1.6;
+ font-size: 16px;
+ }
+}
+
+aside .text ul {
+ margin-bottom: 0;
+}
+
+
+/* Buttons ------------------------- */
+
+.fixed .buttons {
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: center;
+
+ text-align: center;
+}
+
+.fixed .buttons > * {
+ flex: 0 1 auto;
+ overflow: hidden;
+}
+
+.fixed .buttons > .solo {
+ flex: 1 100%;
+}
+
+@media (min-width: 768px) {
+ .fixed .buttons > * {
+ flex: 1 auto;
+ }
+
+ .fixed .buttons > .full > * {
+ width: 100%;
+ }
+}
+
+.fixed .buttons .btn {
+ padding: 8px 12px;
+}
+
+@media (min-width: 992px) {
+ .fixed .buttons .btn {
+ font-size: 16px;
+ }
+}
+
+
+/* Tabs ---------------------------- */
+
+.fixed .tabs-buttons {
+ margin-bottom: -5px;
+}
+
+.fixed .tabs-buttons > * {
+ margin-bottom: 5px;
+}
+
+.fixed .tabs-buttons .glyphicon-chevron-right {
+ margin-left: 5px;
+ line-height: 1.4;
+ color: white;
+}
+
+@media (min-width: 768px) {
+ .fixed .tabs-buttons {
+ text-align: right;
+ justify-content: flex-end;
+ }
+
+ .fixed .tabs-buttons > * {
+ flex: 1 100%;
+ }
+}
diff --git a/kfet/static/kfet/css/base/footer.css b/kfet/static/kfet/css/base/footer.css
new file mode 100644
index 00000000..abdf98ed
--- /dev/null
+++ b/kfet/static/kfet/css/base/footer.css
@@ -0,0 +1,18 @@
+.footer {
+ line-height: 40px;
+
+ background: #c63b52;
+ color: white;
+
+ text-align: center;
+ font-size: 14px;
+ font-family: Roboto;
+}
+
+.footer a {
+ color: inherit !important;
+}
+
+.footer a:hover, .footer a:focus {
+ text-decoration: underline;
+}
diff --git a/kfet/static/kfet/css/base/main.css b/kfet/static/kfet/css/base/main.css
new file mode 100644
index 00000000..2ebc90d8
--- /dev/null
+++ b/kfet/static/kfet/css/base/main.css
@@ -0,0 +1,138 @@
+/* Global layout ------------------- */
+
+.main-col, .fixed-col {
+ padding: 0 0 15px;
+}
+
+@media (min-width: 768px) {
+ .fixed-col {
+ position: sticky;
+ top: 35px;
+ padding-top: 15px;
+ }
+
+ .fixed-col + .main-col {
+ padding: 15px 0 15px 15px;
+ }
+}
+
+@media (min-width: 992px) {
+ .main-col {
+ padding: 15px;
+ }
+}
+
+.main-col-mult {
+ column-gap: 45px;
+}
+
+.main-bg {
+ background: white;
+}
+
+.main-padding {
+ padding: 15px;
+}
+
+@media (min-width: 768px) {
+ .main-padding {
+ padding: 30px;
+ }
+}
+
+
+/* Section ------------------------- */
+
+section {
+ margin-bottom: 15px;
+ position:relative;
+}
+
+section:last-child {
+ margin-bottom: 0;
+}
+
+
+/* Section - Elements -------------- */
+
+section > * {
+ background: white;
+ padding: 15px;
+}
+
+section > .full,
+section > table,
+section > .table-responsive {
+ padding: 0 !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+}
+
+section .full {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+
+@media (min-width: 992px) {
+ section > * {
+ padding: 30px;
+ }
+
+ section .full {
+ margin-left: -30px;
+ margin-right: -30px;
+ }
+}
+
+section .row > div:last-child {
+ margin-bottom: 0 !important;
+}
+
+@media (max-width: 768px) {
+ section .row > div {
+ margin-bottom: 10px;
+ }
+}
+
+@media (max-width: 1200px) {
+ section .row > div {
+ margin-bottom: 20px;
+ }
+}
+
+section ul ul {
+ padding-left: 30px;
+}
+
+/* Titles & Heading */
+
+section h2,
+section .heading {
+ background: transparent;
+ margin: 20px 15px 15px;
+ padding: 0;
+ border-bottom: 3px solid #c8102e;
+ font-family: "Roboto Slab";
+ font-size: 40px;
+ line-height: 1.1;
+}
+
+section h3 {
+ border-bottom: 2px solid #c8102e;
+ margin: 0 0 10px;
+ padding: 10px 0 10px;
+ font-size: 25px;
+ font-weight: bold;
+}
+
+section .heading .buttons {
+ opacity: 0.7;
+ top: 10px;
+ float: right;
+}
+
+section h2:first-child,
+section h3:first-child {
+ padding-top: 0;
+ margin-top: 0;
+}
diff --git a/kfet/static/kfet/css/base/messages.css b/kfet/static/kfet/css/base/messages.css
new file mode 100644
index 00000000..268f514d
--- /dev/null
+++ b/kfet/static/kfet/css/base/messages.css
@@ -0,0 +1,36 @@
+.messages .alert {
+ padding:10px 15px;
+ margin:0;
+ border:0;
+ border-radius:0;
+}
+
+.messages .alert:last-child {
+ margin-bottom: 15px;
+}
+
+.messages .alert .close {
+ top:0;
+ right:0;
+}
+
+.messages .alert-info {
+ color:inherit;
+ background-color:#ccc;
+}
+
+.messages .alert-error {
+ color: white;
+ background-color: #c63b52;
+}
+
+.messages .alert-success {
+ color: white;
+ background: #3d9947;
+}
+
+.messages a {
+ font-weight: bold;
+ text-decoration: none;
+}
+
diff --git a/kfet/static/kfet/css/base/misc.css b/kfet/static/kfet/css/base/misc.css
new file mode 100644
index 00000000..680fb1ee
--- /dev/null
+++ b/kfet/static/kfet/css/base/misc.css
@@ -0,0 +1,118 @@
+/* General ------------------------- */
+
+body {
+ margin-top:50px;
+ font-family:Roboto;
+ background:#ddd;
+}
+
+.glyphicon + span, span + .glyphicon {
+ margin-left: 10px;
+}
+
+/* Titles */
+
+h1,h2,h3,h4,h5,h6 {
+ font-family:"Roboto Slab";
+}
+
+/* Links */
+
+a {
+ color:#C8202E;
+}
+
+a:focus, a:hover {
+ color:#C8102E;
+}
+
+/* Inputs */
+
+:focus {
+ outline:none;
+}
+
+textarea {
+ font-family:'Roboto Mono';
+ border-radius:0 !important;
+}
+
+/* Lists */
+
+ul, ol {
+ padding-left: 30px;
+}
+
+ul {
+ list-style-type: square;
+}
+
+/* Tables */
+
+.table {
+ margin-bottom:0;
+ border-bottom:1px solid #ddd;
+ width:100%;
+ background-color: #FFF;
+}
+
+.table td {
+ vertical-align:middle !important;
+}
+
+.table td.no-padding {
+ padding:0;
+}
+
+.table thead {
+ background:#c8102e;
+ color:#fff;
+ font-weight:bold;
+ font-size:16px;
+}
+
+.table thead td {
+ padding:8px !important;
+}
+
+.table tr.section {
+ background: #c63b52 !important;
+ color:#fff;
+ font-weight:bold;
+}
+
+.table tr.section td {
+ border-top:0;
+ font-size:16px;
+ padding:8px 30px;
+}
+
+.table tr.more td {
+ padding: 0;
+}
+
+.table-responsive {
+ border: 0;
+ margin-bottom: 0;
+}
+
+/* Toggle on hover ----------------- */
+
+.toggle:not(:hover) .hover {
+ display: none;
+}
+
+.toggle:hover .base {
+ display: none;
+}
+
+/* Spinning animation -------------- */
+
+.glyphicon.spinning {
+ animation: spin 1s infinite linear;
+}
+
+@keyframes spin {
+ from { transform: scale(1) rotate(0deg); }
+ to { transform: scale(1) rotate(360deg); }
+}
diff --git a/kfet/static/kfet/css/base/nav.css b/kfet/static/kfet/css/base/nav.css
new file mode 100644
index 00000000..0efc2873
--- /dev/null
+++ b/kfet/static/kfet/css/base/nav.css
@@ -0,0 +1,151 @@
+.navbar {
+ background: #000;
+ color: #DDD;
+ border: 0;
+ font-family: Roboto;
+}
+
+.navbar .navbar-header {
+ float: left;
+ display: none;
+ margin-left: -15px;
+ margin-right: 0;
+}
+
+.navbar .navbar-brand {
+ padding: 3px 0;
+ margin: 0 15px !important;
+}
+
+.navbar .navbar-brand img {
+ height: 44px;
+}
+
+.navbar .navbar-toggle {
+ border: 0;
+ border-radius: 0;
+ padding: 18px 15px;
+ margin: 0;
+ min-width: auto;
+}
+
+.navbar .navbar-toggle .icon-bar {
+ background: #fff;
+}
+
+.navbar-nav {
+ font-size: 14px;
+ margin: 0 0 0 -15px;
+ float: left;
+}
+
+@media (min-width: 460px) {
+ .navbar .navbar-header {
+ display: block;
+ }
+
+ .navbar-nav {
+ margin-left: 0;
+ }
+
+ .navbar-nav .nav-pages.dropdown .dropdown-menu > li:first-child {
+ display: none;
+ }
+}
+
+.navbar-right {
+ float: right !important;
+ margin: 0 -15px 0 0;
+}
+
+.navbar-nav a {
+ transition: background-color, box-shadow, color;
+ transition-duration: 0.15s;
+}
+
+.navbar-nav > li {
+ float: left;
+ text-align: center;
+}
+
+.navbar-nav > li > a {
+ min-width: 50px;
+ padding: 15px 10px;
+ color: #FFF;
+}
+
+.navbar-nav > .divider {
+ height: 1px;
+ background: rgba(255, 255, 255, 0.1);
+}
+
+@media (min-width: 1200px) {
+ .navbar-nav > li > a {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
+.nav .open > a:hover, .nav .open > a:focus,
+.navbar-nav > li.active > a,
+.navbar-nav .dropdown:hover > a, .navbar-nav .dropdown:focus > a {
+ background-color: #C8102E;
+ color: #FFF;
+ box-shadow: inset 0 3px 3px -4px #000;
+}
+
+.navbar-nav .dropdown .dropdown-menu {
+ padding: 0;
+ border: 0;
+ border-radius: 0;
+ background-color: #FFF;
+ font-size: 14px;
+
+ /* override max-width: 767px of bs */
+ position: absolute;
+ float: left;
+ box-shadow: 0 6px 12px rgba(0,0,0,.175);
+}
+
+.navbar-nav .dropdown .dropdown-menu > li > a {
+ padding: 8px 10px;
+ line-height: inherit;
+ color: #000;
+}
+
+.navbar-nav .dropdown .dropdown-menu > li > a:hover,
+.navbar-nav .dropdown .dropdown-menu > li > a:focus {
+ color: #c8102e;
+ background-color: transparent;
+}
+
+.navbar-nav .dropdown .dropdown-menu .divider {
+ margin: 0;
+}
+
+.navbar-nav .dropdown .dropdown-menu {
+ display: block;
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity 0.15s;
+}
+
+.navbar-nav .dropdown:hover > .dropdown-menu,
+.navbar-nav .dropdown:focus > .dropdown-menu,
+.navbar-nav .dropdown.open > .dropdown-menu {
+ visibility: visible;
+ opacity: 1;
+}
+
+@media (min-width: 992px) {
+ .navbar-nav .dropdown .dropdown-menu > li > a {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+}
+
+.nav-app .dropdown-menu {
+ right: 0;
+ left: auto;
+}
diff --git a/kfet/static/kfet/css/history.css b/kfet/static/kfet/css/history.css
index dff7a455..9cd4cd28 100644
--- a/kfet/static/kfet/css/history.css
+++ b/kfet/static/kfet/css/history.css
@@ -9,9 +9,10 @@
#history .day {
height:40px;
line-height:40px;
- background-color:rgba(200,16,46,0.9);
+ background-color:rgba(200,16,46,1);
color:#fff;
padding-left:20px;
+ font-family:"Roboto Slab";
font-size:16px;
font-weight:bold;
position:sticky;
@@ -22,7 +23,7 @@
#history .opegroup {
height:30px;
line-height:30px;
- background-color:rgba(200,16,46,0.75);
+ background-color: #c63b52;
color:#fff;
font-weight:bold;
padding-left:20px;
diff --git a/kfet/static/kfet/css/home.css b/kfet/static/kfet/css/home.css
deleted file mode 100644
index 718159c3..00000000
--- a/kfet/static/kfet/css/home.css
+++ /dev/null
@@ -1,54 +0,0 @@
-ul.carte {
- width: 100%;
- list-style-type: none;
- padding-left: 15px;
- padding-right: 15px;
- display: inline-block;
- *display: inline;
- zoom: 1;
- position: relative;
- clip: auto;
- overflow: hidden;
-}
-/*
-ul.carte > li {
- border-style: none none solid none;
- border-width: 1px;
- border-color: #DDD;
-}
-*/
-li.carte-line {
- position: relative;
- text-align: right;
- white-space: nowrap;
-}
-.filler {
- position: absolute;
- left: 0;
- right: 0;
- border-bottom: 3px dotted #333;
- height: 70%;
-}
-.carte-label {
- background: white;
- float: left;
- padding-right: 4px;
- position: relative;
- max-width: calc(100% - 40px);
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.carte-ukf {
- background: white;
- padding-left: 4px;
- position: relative;
-}
-
-
-.unbreakable.carte-inverted .carte-ukf,
-.unbreakable.carte-inverted .carte-label,
-.unbreakable.carte-inverted {
- background: #FFDBC7;
-}
diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css
index 5aa74e6e..8e28cce0 100644
--- a/kfet/static/kfet/css/index.css
+++ b/kfet/static/kfet/css/index.css
@@ -1,275 +1,78 @@
-@import url("nav.css");
+/* Libs */
+@import url("libs/columns.css");
+
+/* Libs customizations */
+@import url("libs/jconfirm-kfet.css");
+@import url("libs/multiple-select-kfet.css");
+
+/* Base */
+@import url("base/misc.css");
+@import url("base/buttons.css");
+
+/* Blocks */
+@import url("base/main.css");
+@import url("base/nav.css");
+@import url("base/messages.css");
+@import url("base/fixed.css");
+@import url("base/footer.css");
+
+/* Components */
@import url("kpsul.css");
-@import url("jconfirm-kfet.css");
@import url("history.css");
-body {
- margin-top:50px;
- font-family:Roboto;
- background:#ddd;
+
+
+.header {
+ padding: 15px 20px;
+
+ background-color: rgba(200,16,46,1);
+ color: #FFF;
}
-h1,h2,h3,h4,h5,h6 {
- font-family:Oswald;
-}
-
-a {
- color:#333;
-}
-
-a:focus, a:hover {
- color:#C8102E;
-}
-
-:focus {
- outline:none;
-}
-
-textarea {
- font-family:'Roboto Mono';
- border-radius:0 !important;
-}
-
-.glyphicon.spinning {
- animation: spin 1s infinite linear;
-}
-
-@keyframes spin {
- from { transform: scale(1) rotate(0deg); }
- to { transform: scale(1) rotate(360deg); }
-}
-
-.table {
- margin-bottom:0;
- border-bottom:1px solid #ddd;
- width:100%;
- background-color: #FFF;
-}
-
-.table td {
- vertical-align:middle !important;
-}
-
-.table td.no-padding {
- padding:0;
-}
-
-.table thead {
- background:#c8102e;
- color:#fff;
- font-weight:bold;
- font-size:16px;
-}
-
-.table thead td {
- padding:8px !important;
-}
-
-.table tr.section {
- background:rgba(200,16,46,0.9);
- color:#fff;
- font-weight:bold;
-}
-
-.table tr.section td {
- border-top:0;
- font-size:16px;
- padding:8px 30px;
-}
-
-.table-responsive {
- border: 0;
- margin-bottom: 0;
-}
-
-.btn {
- transition: background-color, color;
- transition-duration: 0.15s;
-}
-
-.btn, .btn-lg, .btn-group-lg>.btn {
- border-radius:0;
-}
-
-.btn-primary {
- font-family:Oswald;
- background-color:rgba(200,16,46,0.9);
- color:#FFF;
- border:0;
-}
-
-.btn-primary:hover,
-.btn-primary.focus, .btn-primary:focus,
-.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
-.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
-.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
- outline: 0;
- background-color:rgba(200,16,46,1);
- color:#FFF;
-}
-
-.btn-primary[disabled]:hover,
-.btn-primary[disabled]:focus {
- background-color: #000;
- color: #666;
-}
-
-.nav-pills>li>a {
- border-radius:0;
-}
-
-.nav-pills>li>a:focus, .nav-pills>li>a:hover {
- outline: 0;
- background-color:rgba(200,16,46,1);
- color:#FFF;
-}
-
-.row-page-header {
- background-color:rgba(200,16,46,1);
- color:#FFF;
- border-bottom:3px solid #000;
-}
-
-.page-header {
- border:0;
- padding:0;
- margin:15px 20px;
- text-transform:uppercase;
- font-weight:bold;
+.header h1 {
+ padding: 0;
+ margin: 0;
+ font-weight: bold;
}
.nopadding {
padding: 0 !important;
}
-.col-content-left, .col-content-right {
- padding:0;
-}
-
-@media (min-width: 768px) {
- .col-content-left {
- position: sticky;
- top:50px;
- }
-}
-
-.content-left-top {
- background:#fff;
- padding:10px 30px;
-}
-
-.content-left .buttons {
- background:#fff;
-}
-
-.content-left .buttons .btn {
- display:block;
-}
-
-.content-left .buttons ul.nav-pills {
- margin-bottom:5px;
-}
-
-.content-left .buttons ul.nav-pills li {
- margin:0 0 -5px;
-}
-
-.content-left-top.frozen-account {
- background:#000FBA;
+.frozen-account {
+ background:#5072e0;
color:#fff;
}
-.content-left .block {
- padding-top:25px;
+
+.main .table a:not(.btn) {
+ color: inherit;
}
-.content-left .block .line {
- font-size:16px;
- line-height:30px;
+.main .table a:not(.btn):focus ,
+.main .table a:not(.btn):hover {
+ color: #C81022;
}
-.content-left .line.line-big {
- font-family:Oswald;
- font-size:60px;
- font-weight:bold;
- text-align:center;
-}
-
-.content-left .line.line-bigsub {
- font-size:25px;
- font-weight:bold;
- text-align:center;
-}
-
-.content-left .line.balance {
- font-size:45px;
- text-align:center;
-}
-
-@media (min-width: 768px) {
- .content-right {
- margin: 15px;
- }
-}
-
-.content-right-block {
- position:relative;
-}
-
-.content-right-block > *:not(.buttons-title) {
- background: #fff;
-}
-
-.content-right-block > h2 {
- background: transparent !important;
-}
-
-.content-right-block .buttons-title {
- position:absolute;
- top:8px;
- right:20px;
-}
-
-.content-right-block > div.row {
- margin:0;
-}
-
-.content-right-block h2 {
- margin:20px 20px 15px;
- padding-bottom:5px;
- border-bottom:3px solid #c8102e;
- font-size:40px;
-}
-
-.content-right-block h3 {
- border-bottom: 1px solid #c8102e;
- margin: 0px 15px 15px;
- padding: 20px 20px 10px;
- font-size:25px;
-}
/*
* Pages tableaux seuls
*/
-.content-center > *:not(.content-right-block) {
- background: #fff;
-}
-
-@media (min-width: 992px) {
- .content-center {
- margin: 15px 0;
- }
-}
-
-.content-center tbody tr:not(.section) td {
- padding:0px 5px;
-}
.table .form-control {
padding: 1px 12px ;
height:28px;
margin:3px 0px;
+ background: transparent;
+}
+
+.table .form-control[disabled], .table .form-control[readonly] {
+ background: #f5f5f5;
+}
+
+.table-condensed-input tbody tr:not(.section) td {
+ padding:0px 5px;
}
.table-condensed input.form-control {
@@ -279,19 +82,34 @@ textarea {
border-radius: 0;
}
-.content-center .auth-form {
- margin:15px;
+.auth-form {
+ padding: 15px 0;
+ background: #d86c7e;
+ color: white;
+}
+
+.auth-form.form-horizontal {
+ padding: 0;
+ margin: 0;
+}
+
+.auth-form .form-group {
+ margin-bottom: 0;
+}
+
+.auth-form input {
+ box-shadow: none !important;
+ background: transparent;
+ color: white;
+ border: 0 !important;
+ border-radius: 0;
+ border-bottom: 1px solid white !important;
}
/*
* Pages formulaires seuls
*/
-.content-form {
- background-color: #fff;
- padding: 15px;
-}
-
.account_create #id_trigramme {
display:block;
width:200px;
@@ -354,42 +172,48 @@ textarea {
padding:5px 20px;
}
-/*
- * Messages
+/* Account autocomplete window */
+
+#account_results ul {
+ list-style-type:none;
+ background:rgba(255,255,255,0.9);
+ padding:0;
+}
+
+#account_results li {
+ display:block;
+ padding:5px 20px;
+ height:100%;
+ width:100%;
+}
+
+#account_results .hilight {
+ background:rgba(200,16,46,0.9);
+ color:#fff;
+ text-decoration:none;
+}
+
+/**
+ * Stats (graphs)
*/
-.messages {
- margin: 0;
+.stat-nav {
+ margin-bottom: 10px;
+ font-family: Roboto;
}
-.messages .alert {
- padding:10px 15px;
- margin:0;
- border:0;
- border-radius:0;
+.stat-nav li {
+ float: left;
}
-.messages .alert-dismissible {
- padding-right:35px;
+.stat-nav a {
+ opacity: 0.6;
+ font-family: Roboto;
}
-.messages .alert .close {
- top:0;
- right:0;
-}
-
-.messages .alert-info {
- color:inherit;
- background-color:#ccc;
-}
-
-.messages .alert-error {
- color:inherit;
- background-color:rgba(200,16,46,0.2);
-}
-
-.messages .alert-success {
- color:#333;
+.stat-nav a:hover,
+.stat-nav a.focus, .stat-nav a:focus {
+ opacity: 1;
}
/*
@@ -412,7 +236,7 @@ textarea {
margin-top:30px;
padding-top:1px;
padding-bottom:15px;
- background:rgba(51,51,51,0.7);
+ background:rgba(51,51,51,0.9);
color:#fff;
}
@@ -449,159 +273,10 @@ thead .tooltip {
height: 100px;
}
-/*
- * Responsive Columns
- */
-
-.unbreakable {
- display:inline-block;
- width: 100%;
-}
-
-
-.column-row {
- padding: 15px 20px;
-}
-
-.column-xs-1,
-.column-sm-1,
-.column-md-1,
-.column-lg-1,
-.column-xs-2,
-.column-sm-2,
-.column-md-2,
-.column-lg-2,
-.column-xs-3,
-.column-sm-3,
-.column-md-3,
-.column-lg-3,
-.column-xs-4,
-.column-sm-4,
-.column-md-4,
-.column-lg-4,
-.column-xs-5,
-.column-sm-5,
-.column-md-5,
-.column-lg-5 {
- -webkit-column-count: 1; /* Chrome, Safari, Opera */
- -moz-column-count: 1; /* Firefox */
- column-count: 1;
-}
-
-
-.column-xs-1 {
- -webkit-column-count: 1; /* Chrome, Safari, Opera */
- -moz-column-count: 1; /* Firefox */
- column-count: 1;
-}
-.column-xs-2 {
- -webkit-column-count: 2; /* Chrome, Safari, Opera */
- -moz-column-count: 2; /* Firefox */
- column-count: 2;
-}
-.column-xs-3 {
- -webkit-column-count: 3; /* Chrome, Safari, Opera */
- -moz-column-count: 3; /* Firefox */
- column-count: 3;
-}
-.column-xs-4 {
- -webkit-column-count: 4; /* Chrome, Safari, Opera */
- -moz-column-count: 4; /* Firefox */
- column-count: 4;
-}
-.column-xs-5 {
- -webkit-column-count: 5; /* Chrome, Safari, Opera */
- -moz-column-count: 5; /* Firefox */
- column-count: 5;
-}
-
-@media (min-width: 576px) {
- .column-sm-1 {
- -webkit-column-count: 1; /* Chrome, Safari, Opera */
- -moz-column-count: 1; /* Firefox */
- column-count: 1;
- }
- .column-sm-2 {
- -webkit-column-count: 2; /* Chrome, Safari, Opera */
- -moz-column-count: 2; /* Firefox */
- column-count: 2;
- }
- .column-sm-3 {
- -webkit-column-count: 3; /* Chrome, Safari, Opera */
- -moz-column-count: 3; /* Firefox */
- column-count: 3;
- }
- .column-sm-4 {
- -webkit-column-count: 4; /* Chrome, Safari, Opera */
- -moz-column-count: 4; /* Firefox */
- column-count: 4;
- }
- .column-sm-5 {
- -webkit-column-count: 5; /* Chrome, Safari, Opera */
- -moz-column-count: 5; /* Firefox */
- column-count: 5;
- }
-}
-
-@media (min-width: 768px) {
- .column-md-1 {
- -webkit-column-count: 1; /* Chrome, Safari, Opera */
- -moz-column-count: 1; /* Firefox */
- column-count: 1;
- }
- .column-md-2 {
- -webkit-column-count: 2; /* Chrome, Safari, Opera */
- -moz-column-count: 2; /* Firefox */
- column-count: 2;
- }
- .column-md-3 {
- -webkit-column-count: 3; /* Chrome, Safari, Opera */
- -moz-column-count: 3; /* Firefox */
- column-count: 3;
- }
- .column-md-4 {
- -webkit-column-count: 4; /* Chrome, Safari, Opera */
- -moz-column-count: 4; /* Firefox */
- column-count: 4;
- }
- .column-md-5 {
- -webkit-column-count: 5; /* Chrome, Safari, Opera */
- -moz-column-count: 5; /* Firefox */
- column-count: 5;
- }
-}
-
-@media (min-width: 992px) {
- .column-lg-1 {
- -webkit-column-count: 1; /* Chrome, Safari, Opera */
- -moz-column-count: 1; /* Firefox */
- column-count: 1;
- }
- .column-lg-2 {
- -webkit-column-count: 2; /* Chrome, Safari, Opera */
- -moz-column-count: 2; /* Firefox */
- column-count: 2;
- }
- .column-lg-3 {
- -webkit-column-count: 3; /* Chrome, Safari, Opera */
- -moz-column-count: 3; /* Firefox */
- column-count: 3;
- }
- .column-lg-4 {
- -webkit-column-count: 4; /* Chrome, Safari, Opera */
- -moz-column-count: 4; /* Firefox */
- column-count: 4;
- }
- .column-lg-5 {
- -webkit-column-count: 5; /* Chrome, Safari, Opera */
- -moz-column-count: 5; /* Firefox */
- column-count: 5;
- }
-}
/* Inventaires */
-#inventoryform input[type=number] {
+.table-condensed-input input[type=number] {
text-align: center;
}
@@ -620,18 +295,6 @@ thead .tooltip {
margin: 0 auto;
}
-/* Multiple select customizations */
-
-.ms-choice {
- height: 34px !important;
- line-height: 34px !important;
- border: 1px solid #ccc !important;
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
-}
-
-.ms-choice > div {
- top: 4px !important;
-}
/* Checkbox select multiple */
diff --git a/kfet/static/kfet/css/kpsul.css b/kfet/static/kfet/css/kpsul.css
index 583cc627..6ae9ebc4 100644
--- a/kfet/static/kfet/css/kpsul.css
+++ b/kfet/static/kfet/css/kpsul.css
@@ -154,9 +154,10 @@ input[type=number]::-webkit-outer-spin-button {
height:50px;
padding:0 15px;
- background:rgba(200,16,46,0.9);
+ background:rgba(200,16,46,1);
color:#fff;
+ font-family:"Roboto Slab";
font-weight:bold;
font-size:18px;
}
@@ -237,16 +238,10 @@ input[type=number]::-webkit-outer-spin-button {
height:40px;
}
-#special_operations button {
- height:100%;
- width:25%;
+#special_operations .btn {
+ height:40px;
- float:left;
-
- background: rgba(200,16,46,0.9);
- color:#FFF;
-
- font-size:18px;
+ font-size:15px;
font-weight:bold;
text-overflow: ellipsis;
@@ -254,12 +249,6 @@ input[type=number]::-webkit-outer-spin-button {
overflow: hidden;
}
-#special_operations button:focus,
-#special_operations button:hover {
- outline:none;
- background: rgba(200,16,46,1);
- color:#fff;
-}
/* Article autocomplete */
@@ -328,16 +317,22 @@ input[type=number]::-webkit-outer-spin-button {
font-size:14px;
}
-#articles_data table tr.article>td:first-child {
+#articles_data table tr.article td:first-child {
padding-left:10px;
}
+#articles_data table tr.article td + td {
+ padding-right:10px;
+ text-align:right;
+}
+
#articles_data table tr.category {
height:35px;
- background-color:rgba(200,16,46,0.9);
+ background-color:#c8102e;
+ font-family:"Roboto Slab";
font-size:16px;
- color:#FFF;
font-weight:bold;
+ color:#FFF;
}
#articles_data table tr.category>td:first-child {
diff --git a/kfet/static/kfet/css/libs/columns.css b/kfet/static/kfet/css/libs/columns.css
new file mode 100644
index 00000000..34591061
--- /dev/null
+++ b/kfet/static/kfet/css/libs/columns.css
@@ -0,0 +1,43 @@
+.unbreakable {
+ display:inline-block;
+ width: 100%;
+}
+
+.column-xs-1, .column-sm-1, .column-md-1, .column-lg-1,
+.column-xs-2, .column-sm-2, .column-md-2, .column-lg-2,
+.column-xs-3, .column-sm-3, .column-md-3, .column-lg-3,
+.column-xs-4, .column-sm-4, .column-md-4, .column-lg-4,
+.column-xs-5, .column-sm-5, .column-md-5, .column-lg-5 {
+ column-count: 1;
+}
+
+.column-xs-1 { column-count: 1; }
+.column-xs-2 { column-count: 2; }
+.column-xs-3 { column-count: 3; }
+.column-xs-4 { column-count: 4; }
+.column-xs-5 { column-count: 5; }
+
+@media (min-width: 768px) {
+ .column-sm-1 { column-count: 1; }
+ .column-sm-2 { column-count: 2; }
+ .column-sm-3 { column-count: 3; }
+ .column-sm-4 { column-count: 4; }
+ .column-sm-5 { column-count: 5; }
+}
+
+@media (min-width: 992px) {
+ .column-md-1 { column-count: 1; }
+ .column-md-2 { column-count: 2; }
+ .column-md-3 { column-count: 3; }
+ .column-md-4 { column-count: 4; }
+ .column-md-5 { column-count: 5; }
+}
+
+@media (min-width: 1200px) {
+ .column-lg-1 { column-count: 1; }
+ .column-lg-2 { column-count: 2; }
+ .column-lg-3 { column-count: 3; }
+ .column-lg-4 { column-count: 4; }
+ .column-lg-5 { column-count: 5; }
+}
+
diff --git a/kfet/static/kfet/css/jconfirm-kfet.css b/kfet/static/kfet/css/libs/jconfirm-kfet.css
similarity index 80%
rename from kfet/static/kfet/css/jconfirm-kfet.css
rename to kfet/static/kfet/css/libs/jconfirm-kfet.css
index 1aee70f1..d2803434 100644
--- a/kfet/static/kfet/css/jconfirm-kfet.css
+++ b/kfet/static/kfet/css/libs/jconfirm-kfet.css
@@ -5,7 +5,7 @@
.jconfirm .jconfirm-box {
padding:0;
border-radius:0 !important;
- font-family:"Roboto Mono";
+ font-family:Roboto;
}
.jconfirm .jconfirm-box div.title-c .title {
@@ -28,7 +28,6 @@
.jconfirm .jconfirm-box .content {
border-bottom:1px solid #ddd;
- padding:5px 10px;
}
.jconfirm .jconfirm-box input {
@@ -37,6 +36,7 @@
border:0;
+ font-family:"Roboto Mono";
font-size:40px;
text-align:center;
@@ -49,6 +49,7 @@
}
.jconfirm .jconfirm-box .buttons button {
+ min-width:40px;
height:100%;
margin:0;
margin:0 !important;
@@ -84,24 +85,3 @@
padding-right: 50px;
padding-left: 50px;
}
-
-/* Account autocomplete window */
-
-#account_results ul {
- list-style-type:none;
- background:rgba(255,255,255,0.9);
- padding:0;
-}
-
-#account_results li {
- display:block;
- padding:5px 20px;
- height:100%;
- width:100%;
-}
-
-#account_results .hilight {
- background:rgba(200,16,46,0.9);
- color:#fff;
- text-decoration:none;
-}
diff --git a/kfet/static/kfet/css/libs/multiple-select-kfet.css b/kfet/static/kfet/css/libs/multiple-select-kfet.css
new file mode 100644
index 00000000..145968d3
--- /dev/null
+++ b/kfet/static/kfet/css/libs/multiple-select-kfet.css
@@ -0,0 +1,14 @@
+/**
+ * Multiple Select plugin customizations
+ */
+
+.ms-choice {
+ height: 34px !important;
+ line-height: 34px !important;
+ border: 1px solid #ccc !important;
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
+}
+
+.ms-choice > div {
+ top: 4px !important;
+}
diff --git a/kfet/static/kfet/img/favicon.png b/kfet/static/kfet/img/favicon.png
new file mode 100644
index 00000000..56fb4299
Binary files /dev/null and b/kfet/static/kfet/img/favicon.png differ
diff --git a/kfet/static/kfet/js/kfet.js b/kfet/static/kfet/js/kfet.js
index b07bb0b1..b34f2005 100644
--- a/kfet/static/kfet/js/kfet.js
+++ b/kfet/static/kfet/js/kfet.js
@@ -189,3 +189,13 @@ function requestAuth(data, callback, focus_next = null) {
});
}
+
+
+/**
+ * Setup jquery-confirm
+ */
+
+jconfirm.defaults = {
+ confirmButton: '");
+ var content = $("
");
var buttons;
function dictToArray (dict, start) {
@@ -67,7 +67,6 @@
{
label: chart.label,
borderColor: chart.color,
- backgroundColor: chart.color,
fill: is_time_chart,
lineTension: 0,
data: chart_data,
@@ -154,9 +153,8 @@
// initialize the interface
function initialize (data) {
// creates the bar with the buttons
- buttons = $("