Freifunk-Rhein-Sieg/freifunk-rhein-sieg.net
4
1
Fork 2
Code Issues Pull Requests 1 Packages Releases Wiki Activity

Spenden hinzugefuegt und Footer angepasst

Browse Source
This commit is contained in:
labcode-de 2018-03-11 18:50:35 +01:00
parent 0754526c89
commit 92d6a1b0b6
No known key found for this signature in database
GPG Key ID: 9CDB093B80490C2F
11 changed files with 379 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/_footer.scss
View File

@ -2,7 +2,6 @@
footer {
background-color: $ff_color !important;
padding-top: 0 !important;
a {
color: $light_grey;
}

85
css/_main.scss Normal file
View File

@ -0,0 +1,85 @@
@import "variables";
@import "mixins";
main {
margin-bottom: 35px !important;
section {
h2 {
font-weight: 100;
}
h3 {
font-weight: 300;
}
.linear-gradient-card-wrapper > .col {
@media only screen and (max-width: 991px) {
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 {
@include background-linear-gradient(40deg, #2196f3, #01579b)
}
&.pink-gradient {
@include background-linear-gradient(40deg, #ec407a, #880e4f)
}
&.orange-gradient {
@include background-linear-gradient(40deg, #ff9800, #bf360c)
}
&.green-gradient {
background: linear-gradient(40deg, #7cb342, #1b5e20);
@include 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;
-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);
}
}
}
}
}
.card {
.card-title > a {
color: $black !important;
}
.card-action > a {
color: $ff_color !important;
}
}
&#downloads {
.download {
border-radius: 15px;
text-align: center;
.icon {
font-size: 8rem;
}
.title {
font-weight: 300;
font-size: 2.5rem;
}
}
}
}
}

83
css/_section.scss
View File

@ -1,83 +0,0 @@
@import "variables";
@import "mixins";
section {
h2 {
font-weight: 100;
}
h3 {
font-weight: 300;
}
.linear-gradient-card-wrapper > .col {
@media only screen and (max-width: 991px) {
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 {
@include background-linear-gradient(40deg, #2196f3, #01579b)
}
&.pink-gradient {
@include background-linear-gradient(40deg, #ec407a, #880e4f)
}
&.orange-gradient {
@include background-linear-gradient(40deg, #ff9800, #bf360c)
}
&.green-gradient {
background: linear-gradient(40deg, #7cb342, #1b5e20);
@include 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;
-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);
}
}
}
}
}
.card {
.card-title > a {
color: $black !important;
}
.card-action > a {
color: $ff_color !important;
}
}
&#downloads {
.download {
border-radius: 15px;
text-align: center;
.icon {
font-size: 8rem;
}
.title {
font-weight: 300;
font-size: 2.5rem;
}
}
}
}

143
css/index.css
View File

@ -10,81 +10,82 @@ header nav {
text-align: center;
width: 100%; } }
section h2 {
font-weight: 100; }
section h3 {
font-weight: 300; }
@media only screen and (max-width: 991px) {
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, #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 {
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 {
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 {
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 {
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;
-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 {
main {
margin-bottom: 35px !important; }
main section h2 {
font-weight: 100; }
main section h3 {
font-weight: 300; }
@media only screen and (max-width: 991px) {
main section .linear-gradient-card-wrapper > .col {
float: none;
margin: 0 auto; } }
main 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); }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card.blue-gradient {
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; }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card.pink-gradient {
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; }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card.orange-gradient {
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; }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card.green-gradient {
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; }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card .title {
font-size: 1.75rem;
display: block; }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card .description {
display: block; }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card .links {
margin-top: 15px; }
main section .linear-gradient-card-wrapper > .col .linear-gradient-card .links a {
background-color: transparent;
font-size: 26px;
margin: 5px;
-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 .card .card-title > a {
color: #000 !important; }
section .card .card-action > a {
color: #df316c !important; }
section#downloads .download {
border-radius: 15px;
text-align: center; }
section#downloads .download .icon {
font-size: 8rem; }
section#downloads .download .title {
font-weight: 300;
font-size: 2.5rem; }
main 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); }
main section .card .card-title > a {
color: #000 !important; }
main section .card .card-action > a {
color: #df316c !important; }
main section#downloads .download {
border-radius: 15px;
text-align: center; }
main section#downloads .download .icon {
font-size: 8rem; }
main section#downloads .download .title {
font-weight: 300;
font-size: 2.5rem; }
footer {
background-color: #df316c !important;
padding-top: 0 !important; }
background-color: #df316c !important; }
footer a {
color: #f5f5f5; }

4
css/index.css.map
View File

@ -1,7 +1,7 @@
{
"version": 3,
"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,GAAG;MACX,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;AAI7B,2BAAU;EACR,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,MAAM;EAClB,iCAAM;IACJ,SAAS,EAAE,IAAI;EAEjB,kCAAO;IACL,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,MAAM;;AE5EzB,MAAO;EACL,gBAAgB,EAAE,kBAAoB;EACtC,WAAW,EAAE,YAAY;EACzB,QAAE;IACA,KAAK,EHHI,OAAO;;AIApB,IAAK;EACH,OAAO,EAAE,CAAC",
"sources": ["_header.scss","_variables.scss","_section.scss","_mixins.scss","_footer.scss","index.scss"],
"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;;AERrB,IAAK;EACH,aAAa,EAAE,eAAe;EAE5B,eAAG;IACD,WAAW,EAAE,GAAG;EAElB,eAAG;IACD,WAAW,EAAE,GAAG;EAGhB,yCAA0C;IAD5C,iDAAqC;MAEjC,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,MAAM;EAEhB,uEAAsB;IACpB,gBAAgB,EDfhB,IAAI;ICgBJ,KAAK,EDjBL,IAAI;ICkBJ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,oGAA2F;IAC/G,UAAU,EAAE,oGAA2F;IACvG,qFAAgB;MCzBtB,UAAU,EAAE,wCAA+C;MAC3D,UAAU,EAAE,6CAAoD;MAChE,UAAU,EAAE,2CAAkD;MAC9D,UAAU,EAAE,gDAAuD;MACnE,gBAAgB,EDsBmC,OAAO;IAEpD,qFAAgB;MC5BtB,UAAU,EAAE,wCAA+C;MAC3D,UAAU,EAAE,6CAAoD;MAChE,UAAU,EAAE,2CAAkD;MAC9D,UAAU,EAAE,gDAAuD;MACnE,gBAAgB,EDyBmC,OAAO;IAEpD,uFAAkB;MC/BxB,UAAU,EAAE,wCAA+C;MAC3D,UAAU,EAAE,6CAAoD;MAChE,UAAU,EAAE,2CAAkD;MAC9D,UAAU,EAAE,gDAAuD;MACnE,gBAAgB,ED4BmC,OAAO;IAEpD,sFAAiB;MACf,UAAU,EAAE,wCAAwC;MCnC5D,UAAU,EAAE,wCAA+C;MAC3D,UAAU,EAAE,6CAAoD;MAChE,UAAU,EAAE,2CAAkD;MAC9D,UAAU,EAAE,gDAAuD;MACnE,gBAAgB,EDgCmC,OAAO;IAEpD,8EAAO;MACL,SAAS,EAAE,OAAO;MAClB,OAAO,EAAE,KAAK;IAEhB,oFAAa;MACX,OAAO,EAAE,KAAK;IAEhB,8EAAO;MACL,UAAU,EAAE,IAAI;MAChB,gFAAE;QACA,gBAAgB,EAAE,WAAW;QAC7B,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,GAAG;QACX,kBAAkB,EAAE,qGAA4F;QAChH,UAAU,EAAE,qGAA4F;QACxG,sFAAQ;UACN,kBAAkB,EAAE,qGAA4F;UAChH,UAAU,EAAE,qGAA4F;EAOhH,kCAAgB;IACd,KAAK,EAAE,eAAiB;EAE1B,mCAAiB;IACf,KAAK,EAAE,kBAAoB;EAI7B,gCAAU;IACR,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,MAAM;IAClB,sCAAM;MACJ,SAAS,EAAE,IAAI;IAEjB,uCAAO;MACL,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,MAAM;;AE7E3B,MAAO;EACL,gBAAgB,EAAE,kBAAoB;EACtC,QAAE;IACA,KAAK,EHFI,OAAO;;AIApB,IAAK;EACH,OAAO,EAAE,CAAC",
"sources": ["_header.scss","_variables.scss","_main.scss","_mixins.scss","_footer.scss","index.scss"],
"names": [],
"file": "index.css"
}

2
css/index.scss
View File

@ -1,5 +1,5 @@
@import "header";
@import "section";
@import "main";
@import "footer";
body {
padding: 0;

92
datenschutz.html Normal file
View File

@ -0,0 +1,92 @@
<!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="css/index.css">
<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" />
<!--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="index.html#" 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="index.html#communities">Communities</a></li>
<li class="navitem" id="nav-links"><a href="index.html#links">Links</a></li>
<li class="navitem" id="nav-contact"><a href="index.html#contact">Kontakt</a></li>
<li class="navitem" id="nav-mitglied-werden"><a href="index.html#mitglied-werden">Mitglied werden</a></li>
</ul>
</div>
</nav>
</header>
<main class="container">
<section>
<div class="center">
<h2 class="thin">Datenschutzerkl&auml;rung</h2>
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.
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.
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.
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.
</div>
</section>
</main>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Freifunk-Rhein-Sieg e.V.</h5>
<p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Rechtliche Hinweise</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="impressum.html">Impressum</a></li>
<li><a class="grey-text text-lighten-3" href="datenschutz.html">Datenschutzerkl&auml;rung</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2018 Freifunk Rhein-Sieg e.V., <a href="https://labcode.de">Leo Maroni</a>
</div>
</div>
</footer>
<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>

0
documents/satzung/vereinssatzung.pdf Normal file
View File

92
impressum.html Normal file
View File

@ -0,0 +1,92 @@
<!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="css/index.css">
<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" />
<!--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="index.html#" 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="index.html#communities">Communities</a></li>
<li class="navitem" id="nav-links"><a href="index.html#links">Links</a></li>
<li class="navitem" id="nav-contact"><a href="index.html#contact">Kontakt</a></li>
<li class="navitem" id="nav-mitglied-werden"><a href="index.html#mitglied-werden">Mitglied werden</a></li>
</ul>
</div>
</nav>
</header>
<main class="container">
<section>
<div class="center">
<h2 class="thin">Impressum</h2>
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.
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.
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.
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.
</div>
</section>
</main>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Freifunk-Rhein-Sieg e.V.</h5>
<p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Rechtliche Hinweise</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="impressum.html">Impressum</a></li>
<li><a class="grey-text text-lighten-3" href="datenschutz.html">Datenschutzerkl&auml;rung</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2018 Freifunk Rhein-Sieg e.V., <a href="https://labcode.de">Leo Maroni</a>
</div>
</div>
</footer>
<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>

86
index.html
View File

@ -23,6 +23,7 @@
<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-spenden"><a href="#spenden">Spenden</a></li>
<li class="navitem" id="nav-mitglied-werden"><a href="#mitglied-werden">Mitglied werden</a></li>
</ul>
</div>
@ -123,13 +124,26 @@
</div>
<p>Um uns zu kontaktieren schick uns eine E-Mail an <a href="mailto:kontakt@freifunk-rhein-sieg.net">kontakt@freifunk-rhein-sieg.net</a>.</p>
</section>
<section id="spenden" class="scrollspy row">
<div class="center">
<h2 class="thin">Spenden</h2>
</div>
<b>per &Uuml;berweisung</b>
<p>
Kontoinhaber: Freifunk-Rhein-Sieg e.V.
<br>
IBAN: DE012345678901234567
<br>
BIC: ABCDDEHDYXZ
</p>
</section>
<section id="mitglied-werden" class="scrollspy row">
<div class="center">
<h2 class="thin">Mitglied werden</h2>
</div>
<b>Ordentliches Mitglied</b>
<p>
Wir suchen immer nach Mitgliedern, die uns gerne unterst&uuml;tzen möchen. Bitte f&uuml;llen Sie dann den Antrag an und schicken Sie ihn an den Vorstand.
Wir suchen immer nach Mitgliedern, die uns gerne unterst&uuml;tzen möchen, wenn Sie Mitglied werden wollen, f&uuml;llen Sie dann bitte den Antrag an und schicken Sie ihn an den Vorstand.
<br>
<a href="/documents/mitgliedsantraege/ordentliches-mitglied.pdf">Antrag f&uuml;r ein ordentliches Mitglied</a>
</p>
@ -145,65 +159,33 @@
<a href="/documents/mitgliedsantraege/foerdermitglied-firmen.pdf">Antrag f&uuml;r ein F&ouml;rdermitglied (Firmen)</a>
</p>
</section>
<noscript>
<section id="impress">
<div class="center">
<h2 class="thin">Impressum</h2>
</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>
</noscript>
</main>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Downloads</h5>
<ul>
<li><a href="documents/satzung/vereinssatzung.pdf" class="grey-text text-lighten-3">Vereinssatzung</a></li>
<li><a href="documents" class="grey-text text-lighten-3"></a></li>
<li><a href="documents" class="grey-text text-lighten-3"></a></li>
</ul>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Rechtliche Hinweise</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="impressum.html">Impressum</a></li>
<li><a class="grey-text text-lighten-3" href="datenschutz.html">Datenschutzerkl&auml;rung</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2018 Freifunk Rhein-Sieg e.V., <a href="https://labcode.de">Leo Maroni</a>
<a class="grey-text text-lighten-4 right modal-trigger" href="#modal-impress">Impressum</a>
</div>
</div>
</footer>
<div class="modal modal-fixed-footer" id="modal-impress">
<div class="modal-content">
<h2 class="thin center">Impressum</h2>
<p>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.
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.
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.
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.</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect btn-flat">OK</a>
</div>
</div>
<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>

9
js/main.js
View File

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