Initial commit; Add communities

This commit is contained in:
labcode-de 2018-03-10 09:02:53 +01:00
commit 04cfc427f4
No known key found for this signature in database
GPG Key ID: 9CDB093B80490C2F
16 changed files with 753 additions and 0 deletions

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<file url="PROJECT" libraries="{all}" />
</component>
</project>

8
.idea/modules.xml Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/website.iml" filepath="$PROJECT_DIR$/.idea/website.iml" />
</modules>
</component>
</project>

7
.idea/vagrant.xml Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VagrantProjectSettings">
<option name="instanceFolder" value="" />
<option name="provider" value="" />
</component>
</project>

6
.idea/vcs.xml Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

25
.idea/watcherTasks.xml Normal file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions">
<TaskOptions isEnabled="true">
<option name="arguments" value="--no-cache --update $FileName$:$FileNameWithoutExtension$.css" />
<option name="checkSyntaxErrors" value="true" />
<option name="description" />
<option name="exitCodeBehavior" value="ERROR" />
<option name="fileExtension" value="scss" />
<option name="immediateSync" value="true" />
<option name="name" value="SCSS" />
<option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
<option name="outputFilters">
<array />
</option>
<option name="outputFromStdout" value="false" />
<option name="program" value="/usr/local/bin/scss" />
<option name="runOnExternalChanges" value="true" />
<option name="scopeName" value="Project Files" />
<option name="trackOnlyRoot" value="true" />
<option name="workingDir" value="$FileDir$" />
<envs />
</TaskOptions>
</component>
</project>

13
.idea/website.iml Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="all" level="application" />
</component>
</module>

387
.idea/workspace.xml Normal file
View File

@ -0,0 +1,387 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="acc5de12-fb86-41e9-bf21-4f95d6f6da92" name="Default" comment="" />
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
<ignored path="$PROJECT_DIR$/tmp/" />
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="TRACKING_ENABLED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file leaf-file-name="index.html" pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="561">
<caret line="106" column="18" lean-forward="true" selection-start-line="106" selection-start-column="18" selection-end-line="106" selection-end-column="18" />
<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>
</provider>
</entry>
</file>
<file leaf-file-name="_section.scss" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/_section.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="646">
<caret line="47" column="21" lean-forward="false" selection-start-line="47" selection-start-column="21" selection-end-line="47" selection-end-column="21" />
<folding />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="main.js" pinned="false" current-in-tab="false">
<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="true" selection-start-line="0" selection-start-column="15" selection-end-line="0" selection-end-column="15" />
<folding />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="index.scss" pinned="false" current-in-tab="false">
<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>
</file>
<file leaf-file-name="_header.scss" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/_header.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="136">
<caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" />
<folding />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="_variables.scss" pinned="false" current-in-tab="false">
<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>
</file>
</leaf>
</component>
<component name="FileTemplateManagerImpl">
<option name="RECENT_TEMPLATES">
<list>
<option value="HTML File" />
<option value="JavaScript File" />
<option value="SCSS File" />
</list>
</option>
</component>
<component name="FindInProjectRecents">
<findStrings>
<find>collapsible.html</find>
<find>ü</find>
</findStrings>
<replaceStrings>
<replace>#</replace>
<replace>&amp;uuml;</replace>
</replaceStrings>
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/css/_application.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/_header.scss" />
<option value="$PROJECT_DIR$/js.js" />
<option value="$PROJECT_DIR$/js/main.js" />
<option value="$PROJECT_DIR$/css/index.scss" />
<option value="$PROJECT_DIR$/css/_section.scss" />
<option value="$PROJECT_DIR$/index.html" />
</list>
</option>
</component>
<component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsGulpfileManager">
<detection-done>true</detection-done>
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="ProjectFrameBounds" extendedState="6">
<option name="x" value="12" />
<option name="width" value="1258" />
<option name="height" value="695" />
</component>
<component name="ProjectInspectionProfilesVisibleTreeState">
<entry key="Project Default">
<profile-state>
<expanded-state>
<State>
<id />
</State>
<State>
<id>Dart</id>
</State>
<State>
<id>JavaScript</id>
</State>
<State>
<id>JavaScript validity issuesJavaScript</id>
</State>
<State>
<id>Probable bugsJavaScript</id>
</State>
<State>
<id>XPath</id>
</State>
</expanded-state>
<selected-state>
<State>
<id>AngularJS</id>
</State>
</selected-state>
</profile-state>
</entry>
</component>
<component name="ProjectLevelVcsManager" settingsEditedManually="true" />
<component name="ProjectView">
<navigator currentView="ProjectPane" proportions="" version="1">
<flattenPackages />
<showMembers />
<showModules />
<showLibraryContents />
<hideEmptyPackages />
<abbreviatePackageNames />
<autoscrollToSource />
<autoscrollFromSource />
<sortByType />
<manualOrder />
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="ProjectPane">
<subPane>
<expand>
<path>
<item name="website" type="b2602c69:ProjectViewProjectNode" />
<item name="website" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="website" type="b2602c69:ProjectViewProjectNode" />
<item name="website" type="462c0819:PsiDirectoryNode" />
<item name="css" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="website" type="b2602c69:ProjectViewProjectNode" />
<item name="website" type="462c0819:PsiDirectoryNode" />
<item name="css" type="462c0819:PsiDirectoryNode" />
<item name="index.scss" type="620a8d5e:NestingTreeNode" />
</path>
</expand>
<select />
</subPane>
</pane>
<pane id="Scratches" />
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="settings.editor.selected.configurable" value="watcher.settings" />
<property name="last_opened_file_path" value="$USER_HOME$/AppData/Roaming/npm/node_modules/angular-cli/lib/cli" />
<property name="nodejs_interpreter_path.stuck_in_default_project" value="/usr/bin/node" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="HbShouldOpenHtmlAsHb" value="" />
<property name="DefaultHtmlFileTemplate" value="HTML File" />
<property name="list.type.of.created.stylesheet" value="SCSS" />
<property name="PluginDummyText.Genre" value="latin" />
</component>
<component name="RunDashboard">
<option name="ruleStates">
<list>
<RuleState>
<option name="name" value="ConfigurationTypeDashboardGroupingRule" />
</RuleState>
<RuleState>
<option name="name" value="StatusDashboardGroupingRule" />
</RuleState>
</list>
</option>
</component>
<component name="ShelveChangesManager" show_recycled="false">
<option name="remove_strategy" value="false" />
</component>
<component name="SvnConfiguration">
<configuration />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="acc5de12-fb86-41e9-bf21-4f95d6f6da92" name="Default" comment="" />
<created>1520631717114</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1520631717114</updated>
<workItem from="1520631719329" duration="6593000" />
<workItem from="1520664364027" duration="4577000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="11170000" />
</component>
<component name="ToolWindowManager">
<frame x="12" y="0" width="1920" height="1042" extended-state="6" />
<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="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="Docker" 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="10" side_tool="false" content_ui="tabs" />
<window_info id="Event Log" 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="7" side_tool="true" content_ui="tabs" />
<window_info id="Version Control" 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="8" 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="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="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="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="Message" 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="0" side_tool="false" content_ui="tabs" />
<window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Inspection" 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="5" side_tool="false" content_ui="tabs" />
<window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
<window_info id="Find" 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="1" side_tool="false" content_ui="tabs" />
<window_info id="Ant Build" active="false" anchor="right" 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" />
</layout>
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
</component>
<component name="XDebuggerManager">
<breakpoint-manager />
<watches-manager />
</component>
<component name="editorHistoryManager">
<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>
<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>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/main.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="51">
<caret line="3" column="18" lean-forward="false" selection-start-line="3" selection-start-column="18" selection-end-line="3" selection-end-column="18" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/index.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="17" lean-forward="false" selection-start-line="0" selection-start-column="17" selection-end-line="0" selection-end-column="17" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/_header.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="136">
<caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" />
<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$/css/styles.css" />
<entry file="file://$PROJECT_DIR$/css/community.css" />
<entry file="file://$PROJECT_DIR$/css/_application.scss" />
<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$/css/_sidebar.scss" />
<entry file="file://$PROJECT_DIR$/js.js" />
<entry file="file://$PROJECT_DIR$/css/_header.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="136">
<caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" />
<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$/js/main.js">
<provider selected="true" editor-type-id="text-editor">
<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" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/_section.scss">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="646">
<caret line="47" column="21" lean-forward="false" selection-start-line="47" selection-start-column="21" selection-end-line="47" selection-end-column="21" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="561">
<caret line="106" column="18" lean-forward="true" selection-start-line="106" selection-start-column="18" selection-end-line="106" selection-end-column="18" />
<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>
</provider>
</entry>
</component>
</project>

12
css/_header.scss Normal file
View File

@ -0,0 +1,12 @@
@import "variables";
header {
nav {
background-color: $ff_color;
.nav-wrapper {
padding: 0 25px;
.brand-logo {
font-weight: 300;
}
}
}
}

59
css/_section.scss Normal file
View File

@ -0,0 +1,59 @@
@import "variables";
section {
h1 {
font-weight: 100;
}
h3 {
font-weight: 300;
}
.linear-gradient-card-wrapper > .col {
@media only screen and (max-width: 993px) {
float: none;
margin: 0 auto;
}
.linear-gradient-card {
background-color: $black;
color: $white;
width: 100%;
border-radius: 10px;
padding: 25px;
text-align: center;
margin-bottom: 15px;
-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);
&.blue-gradient {
background: linear-gradient(40deg, #2186f3, #01579b);
}
&.pink-gradient {
background: linear-gradient(40deg, #ec407a, #880e4f);
}
&.orange-gradient {
background: linear-gradient(40deg, #ff9800, #bf360c);
}
&.green-gradient {
background: linear-gradient(40deg, #7cb342, #1b5e20);
}
.title {
font-size: 1.75rem;
display: block;
}
.description {
display: block;
}
.links {
margin-top: 15px;
a {
background-color: transparent;
font-size: 26px;
margin: 5px 10px;
-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);
&: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);
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);
}
}
}
}
}
}

3
css/_variables.scss Normal file
View File

@ -0,0 +1,3 @@
$ff_color: #df316c;
$white: #fff;
$black: #000;

54
css/index.css Normal file
View File

@ -0,0 +1,54 @@
header nav {
background-color: #df316c; }
header nav .nav-wrapper {
padding: 0 25px; }
header nav .nav-wrapper .brand-logo {
font-weight: 300; }
section h1 {
font-weight: 100; }
section h3 {
font-weight: 300; }
@media only screen and (max-width: 993px) {
section .linear-gradient-card-wrapper > .col {
float: none;
margin: 0 auto; } }
section .linear-gradient-card-wrapper > .col .linear-gradient-card {
background-color: #000;
color: #fff;
width: 100%;
border-radius: 10px;
padding: 25px;
text-align: center;
margin-bottom: 15px;
-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); }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.blue-gradient {
background: linear-gradient(40deg, #2186f3, #01579b); }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.pink-gradient {
background: linear-gradient(40deg, #ec407a, #880e4f); }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.orange-gradient {
background: linear-gradient(40deg, #ff9800, #bf360c); }
section .linear-gradient-card-wrapper > .col .linear-gradient-card.green-gradient {
background: linear-gradient(40deg, #7cb342, #1b5e20); }
section .linear-gradient-card-wrapper > .col .linear-gradient-card .title {
font-size: 1.75rem;
display: block; }
section .linear-gradient-card-wrapper > .col .linear-gradient-card .description {
display: block; }
section .linear-gradient-card-wrapper > .col .linear-gradient-card .links {
margin-top: 15px; }
section .linear-gradient-card-wrapper > .col .linear-gradient-card .links a {
background-color: transparent;
font-size: 26px;
margin: 5px 10px;
-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); }
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);
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); }
body {
padding: 0; }
/*# sourceMappingURL=index.css.map */

7
css/index.css.map Normal file
View File

@ -0,0 +1,7 @@
{
"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",
"sources": ["_header.scss","_variables.scss","_section.scss","index.scss"],
"names": [],
"file": "index.css"
}

6
css/index.scss Normal file
View File

@ -0,0 +1,6 @@
@import "header";
@import "section";
body {
padding: 0;
}

BIN
image/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

151
index.html Normal file
View File

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Freifunk Rhein-Sieg</title>
<meta name="author" content="Freifunk Rhein-Sieg" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" integrity="sha256-e22BQKCF7bb/h/4MFJ1a4lTRR2OuAe8Hxa/3tgU5Taw=" crossorigin="anonymous" />
<link rel="stylesheet" href="css/index.css">
<!--Icons-->
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
</head>
<body>
<header class="navbar-fixed">
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">Freifunk Rhein-Sieg e.V.</a>
<ul class="right hide-on-med-and-down">
<li class="navitem" id="nav-communities"><a href="#communities">Communities</a></li>
<li class="navitem" id="nav-links"><a href="#links">Links</a></li>
<li class="navitem" id="nav-contact"><a href="#contact">Kontakt</a></li>
<li class="navitem" id="nav-downloads"><a href="#downloads">Downloads</a></li>
</ul>
</div>
</nav>
</header>
<main class="container">
<!--<section id="aboutus" class="scrollspy row">-->
<!--<div class="center">-->
<!--<h1>&Uuml;ber Uns</h1>-->
<!--</div>-->
<!--<div class="col s6">-->
<!--<div class="card blue-grey darken-1">-->
<!--<div class="card-content white-text">-->
<!--<span class="card-title">Was ist Freifunk?</span>-->
<!--<p>Freifunk-Netzwerke basieren auf sogenannten "Mesh"-Netzwerken. Freifunk-Router können direkt miteinander kommunizieren und bilden somit ein eigenes Funknetz in der Stadt. Manche Knoten sind mit dem Internet verbunden und erlauben allen Nutzern den Zugriff auf das globale Netz. Informationen, wie es funktioniert und wie man mitmachen kann, finden sich unter Mitmachen.</p>-->
<!--</div>-->
<!--<div class="card-action">-->
<!--<a href="#">This is a link</a>-->
<!--<a href="#">This is a link</a>-->
<!--</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 id="communities" class="scrollspy">
<div class="center">
<h1 class="thin">Unsere Communities</h1>
</div>
<div class="row linear-gradient-card-wrapper">
<div class="col s8 l4" style="margin-left: auto; margin-right: auto">
<div class="linear-gradient-card blue-gradient">
<span class="title">
Freifunk Siegburg
</span>
<span class="description">
Die nichtkommerzielle Initiative f&uuml;r den Aufbau freier WLAN-Netzwerke in Siegburg
</span>
<div class="links">
<a class="btn-floating btn-large" href="http://www.freifunk-siegburg.de"><i class="fas fa-globe"></i></a>
<a class="btn-floating btn-large" href="https://de-de.facebook.com/freifunksiegburg"><i class="fab fa-facebook-f"></i></a>
<a class="btn-floating btn-large" href="https://twitter.com/ff_siegburg"><i class="fab fa-twitter"></i></a>
<a class="btn-floating btn-large" href="http://www.freifunk-siegburg.de/kontakt/"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
<div class="col s8 l4">
<div class="linear-gradient-card pink-gradient">
<span class="title">
Freifunk Troisdorf
</span>
<span class="description">
Die nichtkommerzielle Initiative f&uuml;r den Aufbau freier WLAN-Netzwerke in Troisdorf
</span>
<div class="links">
<a class="btn-floating btn-large" href="https://freifunk-troisdorf.de"><i class="fas fa-globe"></i></a>
<a class="btn-floating btn-large" href="https://www.facebook.com/freifunktdf"><i class="fab fa-facebook-f"></i></a>
<a class="btn-floating btn-large" href="mailto:kontakt@freifunk-troisdorf.de"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
<div class="col s8 l4">
<div class="linear-gradient-card orange-gradient">
<span class="title">
Freifunk Rheinbach
</span>
<span class="description">
Die nichtkommerzielle Initiative f&uuml;r den Aufbau freier WLAN-Netzwerke in Rheinbach
</span>
<div class="links">
<a class="btn-floating btn-large" href="http://freifunk-rheinbach.de"><i class="fas fa-globe"></i></a>
<a class="btn-floating btn-large" href="mailto:thomas@freifunk-rheinbach.de"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
</div>
</section>
<section id="links" class="scrollspy">
<div class="center">
<h1 class="thin">Links</h1>
</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 id="contact" class="scrollspy">
<div class="center">
<h1 class="thin">Kontakt aufnehmen</h1>
</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 id="downloads" class="scrollspy">
<div class="center">
<h1 class="thin">Downloads</h1>
</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>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js" integrity="sha256-uWtSXRErwH9kdJTIr1swfHFJn/d/WQ6s72gELOHXQGM=" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>

9
js/main.js Normal file
View File

@ -0,0 +1,9 @@
$(function () {
$('.scrollspy').scrollSpy({
getActiveElement:
function (id) {
$('.navitem').removeClass('active');
$('#nav-' + id).addClass('active')
}
});
})