Differences

This shows you the differences between two versions of the page.

--- bootstrap [2019/12/25 21:00] – metalgamer
+++ bootstrap [2021/03/20 21:33] – Use bootsstrap wrapper grid metalgamer
@@ Line 1: / Line 1: @@
-<WRAP center round important 60%>
+<note warning>Our Hackerspace is currently for members only.\\
-In case our hackerspace is OPEN and the front door is locked, please get in touch with us!
+No Visitors allowed due to Covid-19 guidelines. \\
-</WRAP>
+We will keep you informed on the chaosstuff mailinglist!</note>
 ~~NOTOC~~
-<WRAP group>
+<grid>
-<WRAP fifth column 17.5% centeralign>
+<col xs="6" md="3">
 [[:organization:about|{{ :bootstrap:icon-c3l.png?nolink&150 |Association}}]]
+<WRAP centeralign>
 **[[:organization:about|Association]]**
 </WRAP>
+</col>
-<WRAP fifth column 17.5% centeralign>
+<col xs="6" md="2">
 [[:organization:membership|{{ :bootstrap:membership-icon.png?nolink&150 |Membership}}]]
+<WRAP centeralign>
 **[[:organization:membership|Membership]]**
 </WRAP>
+</col>
-<WRAP fifth column 17.5% centeralign>
+<col xs="6" md="2">
 [[:chaosstuff|{{ :organization:logo:logo-chaosstuff-text-grey.png?nolink&150 |ChaosStuff}}]]
+<WRAP centeralign>
 **[[:chaosstuff|Hackerspace]]**
 </WRAP>
+</col>
-<WRAP fifth column 17.5% centeralign>
+<col xs="6" md="2">
 [[:projects|{{ :bootstrap:icon-projects.png?nolink&150 |Projects}}]]
+<WRAP centeralign>
 **[[:projects|Projects]]**
 </WRAP>
+</col>
-<WRAP fifth column 17.5% centeralign>
+<col xs="12" md="3">
 [[organization:donation|{{ :bootstrap:contribute-icon.png?direct&150 |}}]]
+<WRAP centeralign>
 **[[organization:donation|Contribute]]**
 </WRAP>
+</col>
-</WRAP>
+</grid>
-<WRAP group>
+<grid>
-<WRAP column 45% left>
+<col xs="12" sm="6">
 ===== Get in touch =====
-There are different means to get in touch with us: Sending a mail to <info@c3l.lu> or over at [[https://twitter.com/c3l_|Twitter: @c3l_]]. [[http://press.c3l.lu|Press & Media]] should use <press@c3l.lu> or call +352-27-40-20-30. Please note that we are all doing voluntary work here. Do not expect immediate responses! There are simply no office hours.
+There are different means to get in touch with us: Sending a mail to <info@c3l.lu> or over at [[https://twitter.com/c3l_|Twitter: @c3l_]]. [[http://press.c3l.lu|Press & Media]] should use <press@c3l.lu> or call +352-27-40-20-30. Please note that we are all doing voluntary work here. Do not expect immediate responses! There are simply no office hours. Secondly, we are not a computer repair shop. Don't contact us to ask if we can fix your computer.
-You can also visit us in our hackerspace [[chaosstuff|ChaosStuff.]] See also our [[chaosstuff:guidelines|Guidelines]]. The address is:\\
+You can also visit us in our hackerspace [[chaosstuff|ChaosStuff.]] See also our [[chaosstuff:guidelines|Guidelines]].
-**Hall Victor Hugo**\\
-Room 201 & 203 (2nd Floor)\\
-, Avenue Victor Hugo\\
-L-1750 Luxembourg
 We have a publicly-available MUC channel on our [[services:xmpp|XMPP server]]. Everyone, member an non-member, is welcomed to join and chat with us: c3l@conference.c3l.lu
-</WRAP>
+</col>
-<WRAP column 45% right>
+<col xs="12" sm="6">
 ===== Events =====
 A summary of events and activities taking place in the near future, is featured down below. For a full list, please consider the [[events:index|events page]] or subscribe to our [[https://ical2atom.c3l.lu|atom feed]].
-{{iCalEvents>https://icalevents:icalevents@cloud.c3l.lu/remote.php/dav/calendars/icalevents/c3l_shared_by_ical2atom?export#from=today&showAs=custom1&to=+60days}}
+{{iCalEvents>calendar.ics#from=today&showAs=custom1&to=+60days}}
-</WRAP>
-</WRAP>
-<WRAP group>
-<WRAP column 45% left>
+</col>
+<col xs="12" sm="6">
 ===== Weekly Gatherings =====
@@ Line 73: / Line 73: @@
 We are currently:
 {{ :chaosstuff:cs_status.png |}}
-</WRAP>
+</col>
+<col xs="12" sm="6">
-<WRAP column 45% right>
 ===== Past events =====
+{{iCalEvents>calendar.ics#from=-30 day&to=today&sort=desc&showAs=custom1}}
+</col>
-{{iCalEvents>https://icalevents:icalevents@cloud.c3l.lu/remote.php/dav/calendars/icalevents/c3l_shared_by_ical2atom?export#from=-30 day&to=today&sort=desc&showAs=custom1}}
+</grid>
-</WRAP>
-</WRAP>
 ====== News ======
@@ Line 95: / Line 92: @@
 ==== Proudly supported by: ====
-<WRAP group>
+<grid>
+<col xs="6" md="3">
+[[:organization:partners#visual_online|{{:bootstrap:logo-vo.png?nolink&200|}}]]
+</col>
-<WRAP half column centeralign>[[:organization:partners#visual_online|{{:bootstrap:logo-vo.png?nolink&150|}}]]</WRAP>
+<col xs="6" md="3">
+[[:organization:partners#city_of_luxembourg|{{:bootstrap:logo-vdl.png?nolink&250|}}]]
+</col>
-<WRAP half column centeralign>[[:organization:partners#city_of_luxembourg|{{:bootstrap:logo-vdl.png?nolink&250|}}]]</WRAP>
+<col xs="6" md="3">
+[[:organization:partners#flokinet|{{:bootstrap:flokinet.png?nolink&300|}}]]
+</col>
-</WRAP>
+<col xs="6" md="3">
+[[:organization:partners#carre_rotondes|{{:bootstrap:logo-rotondes.png?nolink&300|}}]]
+</col>
-<WRAP group>
+</grid>
-<WRAP half column centeralign>[[:organization:partners#carre_rotondes|{{:bootstrap:logo-rotondes.png?nolink&200|}}]]</WRAP>
-<WRAP half column centeralign>[[:organization:partners#abc|{{:organization:partners:logo-abc.gif?nolink&200|}}]]</WRAP>
-</WRAP>