angro/freifunk-rhein-sieg.net
1
0
Fork 0
forked from Freifunk-Rhein-Sieg/freifunk-rhein-sieg.net
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Links to FW DL and Map

Browse Source
This commit is contained in:
labcode-de 2018-03-10 13:33:31 +01:00
parent 04cfc427f4
commit b08bf92eb5
No known key found for this signature in database
GPG Key ID: 9CDB093B80490C2F
9 changed files with 234 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

178
.idea/workspace.xml
View File

@ -1,7 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="acc5de12-fb86-41e9-bf21-4f95d6f6da92" name="Default" comment="" /> <list default="true" id="acc5de12-fb86-41e9-bf21-4f95d6f6da92" name="Default" comment="">
<change beforePath="" afterPath="$PROJECT_DIR$/css/_mixins.scss" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
<change beforePath="$PROJECT_DIR$/css/_header.scss" afterPath="$PROJECT_DIR$/css/_header.scss" />
<change beforePath="$PROJECT_DIR$/css/_section.scss" afterPath="$PROJECT_DIR$/css/_section.scss" />
<change beforePath="$PROJECT_DIR$/css/index.css" afterPath="$PROJECT_DIR$/css/index.css" />
<change beforePath="$PROJECT_DIR$/css/index.css.map" afterPath="$PROJECT_DIR$/css/index.css.map" />
<change beforePath="$PROJECT_DIR$/image/logo.png" afterPath="$PROJECT_DIR$/images/logo.png" />
<change beforePath="$PROJECT_DIR$/index.html" afterPath="$PROJECT_DIR$/index.html" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" /> <ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" /> <ignored path="$PROJECT_DIR$/temp/" />
<ignored path="$PROJECT_DIR$/tmp/" /> <ignored path="$PROJECT_DIR$/tmp/" />
@ -17,14 +26,9 @@
<file leaf-file-name="index.html" pinned="false" current-in-tab="true"> <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/index.html"> <entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="561"> <state relative-caret-position="1413">
<caret line="106" column="18" lean-forward="true" selection-start-line="106" selection-start-column="18" selection-end-line="106" selection-end-column="18" /> <caret line="159" column="14" lean-forward="true" selection-start-line="159" selection-start-column="14" selection-end-line="159" selection-end-column="14" />
<folding> <folding />
<element signature="n#style#0;n#div#0;n#div#1;n#section#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="e#4853#4859#0" expanded="true" />
<element signature="e#5912#5918#0" expanded="true" />
<element signature="e#6829#6835#0" expanded="true" />
</folding>
</state> </state>
</provider> </provider>
</entry> </entry>
@ -32,8 +36,25 @@
<file leaf-file-name="_section.scss" pinned="false" current-in-tab="false"> <file leaf-file-name="_section.scss" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/_section.scss"> <entry file="file://$PROJECT_DIR$/css/_section.scss">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="646"> <state relative-caret-position="536">
<caret line="47" column="21" lean-forward="false" selection-start-line="47" selection-start-column="21" selection-end-line="47" selection-end-column="21" /> <caret line="36" column="67" lean-forward="false" selection-start-line="36" selection-start-column="67" selection-end-line="36" selection-end-column="67" />
<folding />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="links_firmware_downloader.png" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/images/links_firmware_downloader.png">
<provider selected="true" editor-type-id="images">
<state />
</provider>
</entry>
</file>
<file leaf-file-name="_mixins.scss" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/_mixins.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="102">
<caret line="6" column="1" lean-forward="true" selection-start-line="6" selection-start-column="1" selection-end-line="6" selection-end-column="1" />
<folding /> <folding />
</state> </state>
</provider> </provider>
@ -43,7 +64,7 @@
<entry file="file://$PROJECT_DIR$/js/main.js"> <entry file="file://$PROJECT_DIR$/js/main.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="0">
<caret line="0" column="15" lean-forward="true" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" /> <caret line="0" column="15" lean-forward="false" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
<folding /> <folding />
</state> </state>
</provider> </provider>
@ -62,8 +83,8 @@
<file leaf-file-name="_header.scss" pinned="false" current-in-tab="false"> <file leaf-file-name="_header.scss" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/_header.scss"> <entry file="file://$PROJECT_DIR$/css/_header.scss">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="136"> <state relative-caret-position="170">
<caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" /> <caret line="10" column="22" lean-forward="false" selection-start-line="10" selection-start-column="22" selection-end-line="10" selection-end-column="22" />
<folding /> <folding />
</state> </state>
</provider> </provider>
@ -94,10 +115,15 @@
<findStrings> <findStrings>
<find>collapsible.html</find> <find>collapsible.html</find>
<find>ü</find> <find>ü</find>
<find>m8</find>
<find>image</find>
<find>h1</find>
</findStrings> </findStrings>
<replaceStrings> <replaceStrings>
<replace>#</replace> <replace>#</replace>
<replace>&amp;uuml;</replace> <replace>&amp;uuml;</replace>
<replace>m10</replace>
<replace>h2</replace>
</replaceStrings> </replaceStrings>
</component> </component>
<component name="Git.Settings"> <component name="Git.Settings">
@ -110,12 +136,13 @@
<option value="$PROJECT_DIR$/css/_variables.scss" /> <option value="$PROJECT_DIR$/css/_variables.scss" />
<option value="$PROJECT_DIR$/css/sidebar.scss" /> <option value="$PROJECT_DIR$/css/sidebar.scss" />
<option value="$PROJECT_DIR$/css/_sidebar.scss" /> <option value="$PROJECT_DIR$/css/_sidebar.scss" />
<option value="$PROJECT_DIR$/css/_header.scss" />
<option value="$PROJECT_DIR$/js.js" /> <option value="$PROJECT_DIR$/js.js" />
<option value="$PROJECT_DIR$/js/main.js" /> <option value="$PROJECT_DIR$/js/main.js" />
<option value="$PROJECT_DIR$/css/index.scss" /> <option value="$PROJECT_DIR$/css/index.scss" />
<option value="$PROJECT_DIR$/css/_section.scss" /> <option value="$PROJECT_DIR$/css/_header.scss" />
<option value="$PROJECT_DIR$/index.html" /> <option value="$PROJECT_DIR$/index.html" />
<option value="$PROJECT_DIR$/css/_mixins.scss" />
<option value="$PROJECT_DIR$/css/_section.scss" />
</list> </list>
</option> </option>
</component> </component>
@ -126,9 +153,10 @@
<sorting>DEFINITION_ORDER</sorting> <sorting>DEFINITION_ORDER</sorting>
</component> </component>
<component name="ProjectFrameBounds" extendedState="6"> <component name="ProjectFrameBounds" extendedState="6">
<option name="x" value="12" /> <option name="x" value="383" />
<option name="width" value="1258" /> <option name="y" value="1419" />
<option name="height" value="695" /> <option name="width" value="1248" />
<option name="height" value="702" />
</component> </component>
<component name="ProjectInspectionProfilesVisibleTreeState"> <component name="ProjectInspectionProfilesVisibleTreeState">
<entry key="Project Default"> <entry key="Project Default">
@ -177,6 +205,8 @@
<foldersAlwaysOnTop value="true" /> <foldersAlwaysOnTop value="true" />
</navigator> </navigator>
<panes> <panes>
<pane id="Scope" />
<pane id="Scratches" />
<pane id="ProjectPane"> <pane id="ProjectPane">
<subPane> <subPane>
<expand> <expand>
@ -195,12 +225,15 @@
<item name="css" type="462c0819:PsiDirectoryNode" /> <item name="css" type="462c0819:PsiDirectoryNode" />
<item name="index.scss" type="620a8d5e:NestingTreeNode" /> <item name="index.scss" type="620a8d5e:NestingTreeNode" />
</path> </path>
<path>
<item name="website" type="b2602c69:ProjectViewProjectNode" />
<item name="website" type="462c0819:PsiDirectoryNode" />
<item name="images" type="462c0819:PsiDirectoryNode" />
</path>
</expand> </expand>
<select /> <select />
</subPane> </subPane>
</pane> </pane>
<pane id="Scratches" />
<pane id="Scope" />
</panes> </panes>
</component> </component>
<component name="PropertiesComponent"> <component name="PropertiesComponent">
@ -239,15 +272,17 @@
<option name="presentableId" value="Default" /> <option name="presentableId" value="Default" />
<updated>1520631717114</updated> <updated>1520631717114</updated>
<workItem from="1520631719329" duration="6593000" /> <workItem from="1520631719329" duration="6593000" />
<workItem from="1520664364027" duration="4577000" /> <workItem from="1520664364027" duration="7700000" />
<workItem from="1520682972842" duration="2219000" />
</task> </task>
<servers /> <servers />
</component> </component>
<component name="TimeTrackingManager"> <component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="11170000" /> <option name="totallyTimeSpent" value="16512000" />
</component> </component>
<component name="ToolWindowManager"> <component name="ToolWindowManager">
<frame x="12" y="0" width="1920" height="1042" extended-state="6" /> <frame x="0" y="1200" width="1920" height="1042" extended-state="6" />
<editor active="true" />
<layout> <layout>
<window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.16027689" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" /> <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.16027689" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" /> <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
@ -257,7 +292,7 @@
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32881355" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" /> <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32881355" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Mongo Explorer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" /> <window_info id="Mongo Explorer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.19774011" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" /> <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.19774011" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
<window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" /> <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" /> <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" /> <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
@ -284,12 +319,55 @@
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="0">
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" /> <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
<folding> <folding />
<element signature="n#style#0;n#div#0;n#div#1;n#section#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" /> </state>
<element signature="e#4853#4859#0" expanded="true" /> </provider>
<element signature="e#5912#5918#0" expanded="true" /> </entry>
<element signature="e#6829#6835#0" expanded="true" /> <entry file="file://$PROJECT_DIR$/css/_section.scss">
</folding> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1003">
<caret line="59" column="19" lean-forward="false" selection-start-line="59" selection-start-column="19" selection-end-line="59" selection-end-column="19" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/main.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="15" lean-forward="false" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/index.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="17">
<caret line="1" column="16" lean-forward="false" selection-start-line="1" selection-start-column="16" selection-end-line="1" selection-end-column="16" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/_header.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="170">
<caret line="10" column="22" lean-forward="false" selection-start-line="10" selection-start-column="22" selection-end-line="10" selection-end-column="22" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/_variables.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="34">
<caret line="2" column="13" lean-forward="false" selection-start-line="2" selection-start-column="13" selection-end-line="2" selection-end-column="13" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
<folding />
</state> </state>
</provider> </provider>
</entry> </entry>
@ -338,10 +416,18 @@
</entry> </entry>
<entry file="file://$PROJECT_DIR$/css/_sidebar.scss" /> <entry file="file://$PROJECT_DIR$/css/_sidebar.scss" />
<entry file="file://$PROJECT_DIR$/js.js" /> <entry file="file://$PROJECT_DIR$/js.js" />
<entry file="file://$PROJECT_DIR$/js/main.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="15" lean-forward="false" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/_header.scss"> <entry file="file://$PROJECT_DIR$/css/_header.scss">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="136"> <state relative-caret-position="170">
<caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" /> <caret line="10" column="22" lean-forward="false" selection-start-line="10" selection-start-column="22" selection-end-line="10" selection-end-column="22" />
<folding /> <folding />
</state> </state>
</provider> </provider>
@ -354,32 +440,32 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/js/main.js"> <entry file="file://$PROJECT_DIR$/css/_mixins.scss">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="102">
<caret line="0" column="15" lean-forward="true" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" /> <caret line="6" column="1" lean-forward="true" selection-start-line="6" selection-start-column="1" selection-end-line="6" selection-end-column="1" />
<folding /> <folding />
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/css/_section.scss"> <entry file="file://$PROJECT_DIR$/css/_section.scss">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="646"> <state relative-caret-position="536">
<caret line="47" column="21" lean-forward="false" selection-start-line="47" selection-start-column="21" selection-end-line="47" selection-end-column="21" /> <caret line="36" column="67" lean-forward="false" selection-start-line="36" selection-start-column="67" selection-end-line="36" selection-end-column="67" />
<folding /> <folding />
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/images/links_firmware_downloader.png">
<provider selected="true" editor-type-id="images">
<state />
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html"> <entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="561"> <state relative-caret-position="1413">
<caret line="106" column="18" lean-forward="true" selection-start-line="106" selection-start-column="18" selection-end-line="106" selection-end-column="18" /> <caret line="159" column="14" lean-forward="true" selection-start-line="159" selection-start-column="14" selection-end-line="159" selection-end-column="14" />
<folding> <folding />
<element signature="n#style#0;n#div#0;n#div#1;n#section#0;n#main#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="e#4853#4859#0" expanded="true" />
<element signature="e#5912#5918#0" expanded="true" />
<element signature="e#6829#6835#0" expanded="true" />
</folding>
</state> </state>
</provider> </provider>
</entry> </entry>

5
css/_header.scss
View File

@ -4,7 +4,12 @@ header {
background-color: $ff_color; background-color: $ff_color;
.nav-wrapper { .nav-wrapper {
padding: 0 25px; padding: 0 25px;
width: 100vw;
.brand-logo { .brand-logo {
@media screen and (max-width: 991px){
text-align: center;
width: 100%;
}
font-weight: 300; font-weight: 300;
} }
} }

7
css/_mixins.scss Normal file
View File

@ -0,0 +1,7 @@
@mixin background-linear-gradient($deg, $start_color, $end_color) {
background: linear-gradient($deg, $start_color, $end_color);
background: -moz-linear-gradient($deg, $start_color, $end_color);
background: -o-linear-gradient($deg, $start_color, $end_color);
background: -webkit-linear-gradient($deg, $start_color, $end_color);
background-color: $start_color;
}

23
css/_section.scss
View File

@ -1,13 +1,15 @@
@import "variables"; @import "variables";
@import "mixins";
section { section {
h1 { h2 {
font-weight: 100; font-weight: 100;
} }
h3 { h3 {
font-weight: 300; font-weight: 300;
} }
.linear-gradient-card-wrapper > .col { .linear-gradient-card-wrapper > .col {
@media only screen and (max-width: 993px) { @media only screen and (max-width: 991px) {
float: none; float: none;
margin: 0 auto; margin: 0 auto;
} }
@ -22,16 +24,17 @@ section {
-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
&.blue-gradient { &.blue-gradient {
background: linear-gradient(40deg, #2186f3, #01579b); @include background-linear-gradient(40deg, #2196f3, #01579b)
} }
&.pink-gradient { &.pink-gradient {
background: linear-gradient(40deg, #ec407a, #880e4f); @include background-linear-gradient(40deg, #ec407a, #880e4f)
} }
&.orange-gradient { &.orange-gradient {
background: linear-gradient(40deg, #ff9800, #bf360c); @include background-linear-gradient(40deg, #ff9800, #bf360c)
} }
&.green-gradient { &.green-gradient {
background: linear-gradient(40deg, #7cb342, #1b5e20); background: linear-gradient(40deg, #7cb342, #1b5e20);
@include background-linear-gradient(40deg, #7cb342, #1b5e20)
} }
.title { .title {
font-size: 1.75rem; font-size: 1.75rem;
@ -56,4 +59,12 @@ section {
} }
} }
} }
} .card {
.card-title > a {
color: $black !important;
}
.card-action > a {
color: $ff_color !important;
}
}
}

40
css/index.css
View File

@ -1,15 +1,20 @@
header nav { header nav {
background-color: #df316c; } background-color: #df316c; }
header nav .nav-wrapper { header nav .nav-wrapper {
padding: 0 25px; } padding: 0 25px;
width: 100vw; }
header nav .nav-wrapper .brand-logo { header nav .nav-wrapper .brand-logo {
font-weight: 300; } font-weight: 300; }
@media screen and (max-width: 991px) {
header nav .nav-wrapper .brand-logo {
text-align: center;
width: 100%; } }
section h1 { section h2 {
font-weight: 100; } font-weight: 100; }
section h3 { section h3 {
font-weight: 300; } font-weight: 300; }
@media only screen and (max-width: 993px) { @media only screen and (max-width: 991px) {
section .linear-gradient-card-wrapper > .col { section .linear-gradient-card-wrapper > .col {
float: none; float: none;
margin: 0 auto; } } margin: 0 auto; } }
@ -24,13 +29,30 @@ section .linear-gradient-card-wrapper > .col .linear-gradient-card {
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.blue-gradient { section .linear-gradient-card-wrapper > .col .linear-gradient-card.blue-gradient {
background: linear-gradient(40deg, #2186f3, #01579b); } background: linear-gradient(40deg, #2196f3, #01579b);
background: -moz-linear-gradient(40deg, #2196f3, #01579b);
background: -o-linear-gradient(40deg, #2196f3, #01579b);
background: -webkit-linear-gradient(40deg, #2196f3, #01579b);
background-color: #2196f3; }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.pink-gradient { section .linear-gradient-card-wrapper > .col .linear-gradient-card.pink-gradient {
background: linear-gradient(40deg, #ec407a, #880e4f); } background: linear-gradient(40deg, #ec407a, #880e4f);
background: -moz-linear-gradient(40deg, #ec407a, #880e4f);
background: -o-linear-gradient(40deg, #ec407a, #880e4f);
background: -webkit-linear-gradient(40deg, #ec407a, #880e4f);
background-color: #ec407a; }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.orange-gradient { section .linear-gradient-card-wrapper > .col .linear-gradient-card.orange-gradient {
background: linear-gradient(40deg, #ff9800, #bf360c); } background: linear-gradient(40deg, #ff9800, #bf360c);
background: -moz-linear-gradient(40deg, #ff9800, #bf360c);
background: -o-linear-gradient(40deg, #ff9800, #bf360c);
background: -webkit-linear-gradient(40deg, #ff9800, #bf360c);
background-color: #ff9800; }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.green-gradient { section .linear-gradient-card-wrapper > .col .linear-gradient-card.green-gradient {
background: linear-gradient(40deg, #7cb342, #1b5e20); } background: linear-gradient(40deg, #7cb342, #1b5e20);
background: linear-gradient(40deg, #7cb342, #1b5e20);
background: -moz-linear-gradient(40deg, #7cb342, #1b5e20);
background: -o-linear-gradient(40deg, #7cb342, #1b5e20);
background: -webkit-linear-gradient(40deg, #7cb342, #1b5e20);
background-color: #7cb342; }
section .linear-gradient-card-wrapper > .col .linear-gradient-card .title { section .linear-gradient-card-wrapper > .col .linear-gradient-card .title {
font-size: 1.75rem; font-size: 1.75rem;
display: block; } display: block; }
@ -47,6 +69,10 @@ section .linear-gradient-card-wrapper > .col .linear-gradient-card {
section .linear-gradient-card-wrapper > .col .linear-gradient-card .links a:hover { section .linear-gradient-card-wrapper > .col .linear-gradient-card .links a:hover {
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); } box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
section .card .card-title > a {
color: #000 !important; }
section .card .card-action > a {
color: #df316c !important; }
body { body {
padding: 0; } padding: 0; }

4
css/index.css.map
View File

@ -1,7 +1,7 @@
{ {
"version": 3, "version": 3,
"mappings": "AAEE,UAAI;EACF,gBAAgB,ECHT,OAAO;EDId,uBAAa;IACX,OAAO,EAAE,MAAM;IACf,mCAAY;MACV,WAAW,EAAE,GAAG;;AELtB,UAAG;EACD,WAAW,EAAE,GAAG;AAElB,UAAG;EACD,WAAW,EAAE,GAAG;AAGhB,yCAA0C;EAD5C,4CAAqC;IAEjC,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,MAAM;AAEhB,kEAAsB;EACpB,gBAAgB,EDZd,IAAI;ECaN,KAAK,EDdH,IAAI;ECeN,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,IAAI;EACnB,kBAAkB,EAAE,oGAA2F;EAC/G,UAAU,EAAE,oGAA2F;EACvG,gFAAgB;IACd,UAAU,EAAE,wCAAwC;EAEtD,gFAAgB;IACd,UAAU,EAAE,wCAAwC;EAEtD,kFAAkB;IAChB,UAAU,EAAE,wCAAwC;EAEtD,iFAAiB;IACf,UAAU,EAAE,wCAAwC;EAEtD,yEAAO;IACL,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,KAAK;EAEhB,+EAAa;IACX,OAAO,EAAE,KAAK;EAEhB,yEAAO;IACL,UAAU,EAAE,IAAI;IAChB,2EAAE;MACA,gBAAgB,EAAE,WAAW;MAC7B,SAAS,EAAE,IAAI;MACf,MAAM,EAAE,QAAQ;MAChB,kBAAkB,EAAE,qGAA4F;MAChH,UAAU,EAAE,qGAA4F;MACxG,iFAAQ;QACN,kBAAkB,EAAE,qGAA4F;QAChH,UAAU,EAAE,qGAA4F;;ACjDpH,IAAK;EACH,OAAO,EAAE,CAAC", "mappings": "AAEE,UAAI;EACF,gBAAgB,ECHT,OAAO;EDId,uBAAa;IACX,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,KAAK;IACZ,mCAAY;MAKV,WAAW,EAAE,GAAG;MAJhB,oCAAoC;QADtC,mCAAY;UAER,UAAU,EAAE,MAAM;UAClB,KAAK,EAAE,IAAI;;AENnB,UAAG;EACD,WAAW,EAAE,GAAG;AAElB,UAAG;EACD,WAAW,EAAE,GAAG;AAGhB,yCAA0C;EAD5C,4CAAqC;IAEjC,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,MAAM;AAEhB,kEAAsB;EACpB,gBAAgB,EDdd,IAAI;ECeN,KAAK,EDhBH,IAAI;ECiBN,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,MAAM;EAClB,aAAa,EAAE,IAAI;EACnB,kBAAkB,EAAE,oGAA2F;EAC/G,UAAU,EAAE,oGAA2F;EACvG,gFAAgB;ICxBpB,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,EDqBiC,OAAO;EAEpD,gFAAgB;IC3BpB,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,EDwBiC,OAAO;EAEpD,kFAAkB;IC9BtB,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,ED2BiC,OAAO;EAEpD,iFAAiB;IACf,UAAU,EAAE,wCAAwC;IClC1D,UAAU,EAAE,wCAA+C;IAC3D,UAAU,EAAE,6CAAoD;IAChE,UAAU,EAAE,2CAAkD;IAC9D,UAAU,EAAE,gDAAuD;IACnE,gBAAgB,ED+BiC,OAAO;EAEpD,yEAAO;IACL,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,KAAK;EAEhB,+EAAa;IACX,OAAO,EAAE,KAAK;EAEhB,yEAAO;IACL,UAAU,EAAE,IAAI;IAChB,2EAAE;MACA,gBAAgB,EAAE,WAAW;MAC7B,SAAS,EAAE,IAAI;MACf,MAAM,EAAE,QAAQ;MAChB,kBAAkB,EAAE,qGAA4F;MAChH,UAAU,EAAE,qGAA4F;MACxG,iFAAQ;QACN,kBAAkB,EAAE,qGAA4F;QAChH,UAAU,EAAE,qGAA4F;AAOhH,6BAAgB;EACd,KAAK,EAAE,eAAiB;AAE1B,8BAAiB;EACf,KAAK,EAAE,kBAAoB;;AE/DjC,IAAK;EACH,OAAO,EAAE,CAAC",
"sources": ["_header.scss","_variables.scss","_section.scss","index.scss"], "sources": ["_header.scss","_variables.scss","_section.scss","_mixins.scss","index.scss"],
"names": [], "names": [],
"file": "index.css" "file": "index.css"
} }

BIN
images/links_firmware_downloader.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 406 KiB

0
image/logo.png → images/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 199 KiB

After

Width:  |  Height:  |  Size: 199 KiB

53
index.html
View File

@ -32,7 +32,7 @@
<main class="container"> <main class="container">
<!--<section id="aboutus" class="scrollspy row">--> <!--<section id="aboutus" class="scrollspy row">-->
<!--<div class="center">--> <!--<div class="center">-->
<!--<h1>&Uuml;ber Uns</h1>--> <!--<h2>&Uuml;ber Uns</h2>-->
<!--</div>--> <!--</div>-->
<!--<div class="col s6">--> <!--<div class="col s6">-->
<!--<div class="card blue-grey darken-1">--> <!--<div class="card blue-grey darken-1">-->
@ -57,10 +57,10 @@
<!--</section>--> <!--</section>-->
<section id="communities" class="scrollspy"> <section id="communities" class="scrollspy">
<div class="center"> <div class="center">
<h1 class="thin">Unsere Communities</h1> <h2 class="thin">Unsere Communities</h2>
</div> </div>
<div class="row linear-gradient-card-wrapper"> <div class="row linear-gradient-card-wrapper">
<div class="col s8 l4" style="margin-left: auto; margin-right: auto"> <div class="col s12 m10 l4" style="margin-left: auto; margin-right: auto">
<div class="linear-gradient-card blue-gradient"> <div class="linear-gradient-card blue-gradient">
<span class="title"> <span class="title">
Freifunk Siegburg Freifunk Siegburg
@ -76,7 +76,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col s8 l4"> <div class="col s12 m10 l4">
<div class="linear-gradient-card pink-gradient"> <div class="linear-gradient-card pink-gradient">
<span class="title"> <span class="title">
Freifunk Troisdorf Freifunk Troisdorf
@ -91,7 +91,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col s8 l4"> <div class="col s12 m10 l4">
<div class="linear-gradient-card orange-gradient"> <div class="linear-gradient-card orange-gradient">
<span class="title"> <span class="title">
Freifunk Rheinbach Freifunk Rheinbach
@ -109,19 +109,42 @@
</section> </section>
<section id="links" class="scrollspy"> <section id="links" class="scrollspy">
<div class="center"> <div class="center">
<h1 class="thin">Links</h1> <h2 class="thin">Links</h2>
</div>
<div class="row">
<div class="col s12 m6">
<div class="card">
<div class="card-image">
<img src="images/links_firmware_downloader.png">
</div>
<div class="card-content">
<span class="card-title"><a href="https://downloader.freifunk-rhein-sieg.net">Firmware Downloader</a></span>
<p>Das ist der zentrale Anlaufpunkte f&uuml;r das Downloaden der Firmware von den Communities in der Region.</p>
</div>
<div class="card-action">
<a href="https://downloader.freifunk-rhein-sieg.net">Zum Firmware-Downloader</a>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card">
<div class="card-image">
<img src="images/links_firmware_downloader.png">
</div>
<div class="card-content">
<span class="card-title"><a href="#">Karte</a></span>
<p>Das ist die zentrale Karte, wo die Freifunk-Knoten der Communities angezeigt werden.</p>
</div>
<div class="card-action">
<a href="#">Zur Karte</a>
</div>
</div>
</div>
</div> </div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer.
</section> </section>
<section id="contact" class="scrollspy"> <section id="contact" class="scrollspy">
<div class="center"> <div class="center">
<h1 class="thin">Kontakt aufnehmen</h1> <h2 class="thin">Kontakt aufnehmen</h2>
</div> </div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
@ -133,7 +156,7 @@
</section> </section>
<section id="downloads" class="scrollspy"> <section id="downloads" class="scrollspy">
<div class="center"> <div class="center">
<h1 class="thin">Downloads</h1> <h2 class="thin">Downloads</h2>
</div> </div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.