Update theme to use new layout system
This commit is contained in:
Patrick Neff
parent
23ced61908
commit
b8df293a52
|
|
@ -18,6 +18,10 @@ pluralizeListTitles = false
|
|||
googleAnalytics = "UA-12671637-1"
|
||||
|
||||
|
||||
[mediaTypes]
|
||||
[mediaTypes."image/svg+xml"]
|
||||
suffixes = ["svg"]
|
||||
|
||||
[menu]
|
||||
[[menu.main]]
|
||||
identifier = "ueber-uns"
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ draft = false
|
|||
title = "Neff Stein-Design"
|
||||
|
||||
galleries = ["gemeinschaftsgrab", "grabmal", "bauen-und-wohnen"]
|
||||
about_us = ["qualitaet", "tradition", "handwerk"]
|
||||
|
||||
[menu]
|
||||
[menu.footer]
|
||||
|
|
|
|||
|
|
@ -1,37 +0,0 @@
|
|||
+++
|
||||
title = "Urnengrab Abdeckung"
|
||||
date = "2019-05-02T06:30:55+02:00"
|
||||
draft = false
|
||||
alt = "Urnengrababdeckung mit Umrandung"
|
||||
material = "PP4, poliert"
|
||||
article_id = "0001"
|
||||
ornament = "Kreuz"
|
||||
description = "Urnengrab Abdeckplatte mit verklebter Einfassung"
|
||||
offer = "/aktionen/preisbeispiel-urnengrab-2019/"
|
||||
type = "model"
|
||||
used_for = ["Urnengrab"]
|
||||
keywords = []
|
||||
outputs = ["HTML", "JSON"]
|
||||
|
||||
[[resources]]
|
||||
title = "Test #:counter"
|
||||
src = "bilder/abdeckung.png"
|
||||
[resources.params]
|
||||
alt = "Bild von einem Test"
|
||||
featured = true
|
||||
|
||||
[[resources]]
|
||||
title = "Model"
|
||||
src = "model/abdeckung.gltf"
|
||||
[resources.params]
|
||||
alt = "Bild von einem Test"
|
||||
[[resources.params.textures]]
|
||||
name = "Granit 1"
|
||||
filename = "granit.jpg"
|
||||
|
||||
[[resources.params.textures]]
|
||||
name = "Granit 2"
|
||||
filename = "1280px-Rosa-Beta-Granit.jpg"
|
||||
+++
|
||||
|
||||
Hallo
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
+++
|
||||
title = "Über Uns"
|
||||
date = "2019-01-10T02:27:09+01:00"
|
||||
draft = false
|
||||
type = "page"
|
||||
keywords = []
|
||||
headless = true
|
||||
+++
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
id="svg1819"
|
||||
version="1.1"
|
||||
viewBox="0 0 52.916665 52.916668"
|
||||
height="200"
|
||||
width="200"
|
||||
sodipodi:docname="knuepfel.svg"
|
||||
inkscape:version="0.92.2 2405546, 2018-03-11">
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1366"
|
||||
inkscape:window-height="721"
|
||||
id="namedview14"
|
||||
showgrid="false"
|
||||
inkscape:zoom="2.36"
|
||||
inkscape:cx="84.322034"
|
||||
inkscape:cy="98.121025"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="23"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg1819" />
|
||||
<defs
|
||||
id="defs1813" />
|
||||
<metadata
|
||||
id="metadata1816">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<path
|
||||
style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2.52192783;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 65.123047 110.95117 L 52.9375 125.51367 C 52.9375 125.51367 56.94691 128.77952 59.326172 129.67383 C 60.637649 130.1666 62.090737 130.17013 63.488281 130.26953 C 65.217657 130.39237 67.182971 129.41139 68.689453 130.26953 C 73.979343 133.28271 81.58929 137.80619 89.490234 142.54102 C 90.480772 142.00384 91.547675 141.42215 92.572266 140.86523 C 92.471269 138.27974 92.368575 136.24016 92.267578 134.41211 C 85.490866 130.18256 78.973226 125.93594 73.890625 122.24414 C 72.30969 121.09581 71.935157 118.85977 70.917969 117.19141 C 70.338488 116.24101 69.863965 115.21024 69.134766 114.36914 C 67.983858 113.04169 65.123047 110.95117 65.123047 110.95117 z M 105.55859 142.51562 C 104.72258 142.99751 103.90845 143.47243 103.08008 143.95117 C 102.92667 146.11675 102.76966 148.25666 102.62109 150.46094 C 114.6472 157.73649 125.16016 164.15039 125.16016 164.15039 C 129.51661 182.15765 146.45518 151.76132 130.0625 156.7207 C 130.0625 156.7207 118.77102 150.39961 105.55859 142.51562 z "
|
||||
transform="scale(0.26458333)"
|
||||
id="path5800" />
|
||||
<path
|
||||
style="display:inline;opacity:1;fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.141;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
d="M 101.19141 29.197266 C 100.09889 29.178368 99.009611 29.284318 97.964844 29.515625 C 95.06138 30.158485 92.17614 31.718697 90.236328 33.972656 C 88.46622 36.029475 87.235279 38.839298 87.265625 41.552734 C 87.298507 44.505604 87.493428 48.329946 89.421875 50.566406 C 91.075192 52.483723 91.548173 54.145739 93.445312 56.335938 C 90.827109 59.8645 86.947564 65.107908 82.669922 70.910156 L 85.068359 70.931641 L 93.802734 59.533203 L 95.4375 61.761719 L 87.6875 70.955078 L 91.683594 70.990234 C 94.335731 67.913359 96.838211 65.016899 100.36328 60.886719 C 103.45924 64.454176 106.34456 67.759629 109.29492 71.144531 L 112.56836 71.173828 L 95.720703 51.935547 C 95.720703 51.935547 93.43755 49.60401 92.599609 48.220703 C 91.655941 46.66282 90.695204 44.980895 90.519531 43.167969 C 90.348991 41.408145 90.301886 39.278753 91.035156 37.669922 C 91.60633 36.416706 91.657374 36.003228 92.615234 35.013672 C 93.643039 33.951889 94.693145 32.812433 96.033203 32.189453 C 97.539832 31.489069 99.276197 31.274198 100.9375 31.296875 C 102.86092 31.323483 104.90244 31.55218 106.58398 32.486328 C 108.02341 33.285963 109.47428 34.376143 110.37305 35.755859 C 111.3672 37.281995 112.19221 39.005986 112.45312 40.808594 C 112.66003 42.23786 112.14772 44.06525 111.63672 45.416016 C 111.03362 47.01022 108.66406 49.576172 108.66406 49.576172 L 106.13867 47.941406 C 106.13867 47.941406 108.46448 45.392992 108.8125 43.78125 C 109.17182 42.117313 109.327 39.889881 108.58984 38.355469 C 107.7399 36.58631 105.86594 35.17875 104.05664 34.417969 C 102.22956 33.649629 99.943026 33.804491 98.113281 34.566406 C 96.593174 35.199364 95.393244 36.571928 94.546875 37.984375 C 93.88587 39.087506 93.474489 40.413575 93.505859 41.699219 C 93.54785 43.421776 95.140625 46.603516 95.140625 46.603516 L 114.64844 71.191406 L 118.51172 71.224609 C 113.63065 64.650071 109.19167 58.765362 106.24023 55.013672 C 108.17389 52.789798 109.91779 51.954899 111.54297 50.076172 C 112.68828 48.752166 114.16665 45.041674 114.50586 43.324219 C 115.10163 40.307664 114.38767 37.49096 113.00977 34.742188 C 111.85866 32.445898 109.54704 30.705764 107.16992 29.732422 C 105.53721 29.063861 102.99271 29.227199 101.19141 29.197266 z M 101.11719 36.160156 C 102.00122 36.148818 102.90603 36.353031 103.68555 36.720703 C 104.63598 37.168842 105.49599 37.987959 105.91602 38.951172 C 106.45099 40.177969 106.45221 41.6825 106.0625 42.962891 C 105.56902 44.584119 104.08145 46.455981 103.07617 47.820312 C 102.39007 48.751475 101.35937 50.130053 100.62109 51.128906 C 100.31193 50.747816 99.975351 50.321251 99.673828 49.953125 C 98.462936 48.474763 96.616187 46.924244 95.810547 45.191406 C 95.41037 44.330581 95.35207 43.3144 95.439453 42.369141 C 95.549778 41.175868 95.869154 39.935436 96.552734 38.951172 C 97.347059 37.807411 98.487132 36.745213 99.822266 36.349609 C 100.23649 36.226775 100.67404 36.166203 101.11719 36.160156 z M 123.97656 78.626953 C 123.93837 80.023017 123.87294 81.381563 123.78906 82.710938 L 134.52148 96.238281 L 123.71484 83.900391 C 123.62848 85.065503 123.52475 86.203761 123.4043 87.316406 C 132.4951 97.722648 139.49067 105.74859 141.59961 108.4082 C 141.05499 107.63208 156.34004 124.62957 147.58789 111.66016 C 142.64309 104.33266 133.0627 90.996978 123.97656 78.626953 z M 73.066406 83.992188 C 64.648921 95.528402 56.249212 107.23309 51.917969 113.86328 C 43.662589 126.50047 60.855323 106.50239 64.40625 102.35742 C 68.089744 98.057678 71.002496 94.717386 73.835938 91.484375 C 73.662329 90.327092 73.505973 89.144312 73.378906 87.927734 L 58.732422 105.30273 L 73.238281 86.373047 C 73.171069 85.591578 73.113961 84.796967 73.066406 83.992188 z "
|
||||
transform="scale(0.26458333)"
|
||||
id="path5789" />
|
||||
<path
|
||||
style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2.52192783;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 134.32031 113.62305 C 134.32031 113.62305 130.79015 116.05151 129.79883 116.83398 C 128.74829 117.66317 127.77315 118.98272 126.85352 119.95508 C 125.38359 121.5093 123.75787 123.80691 121.88672 124.84375 C 116.77982 127.6736 110.38249 131.17301 103.77734 134.77344 C 103.52851 137.69856 103.30236 140.80771 103.08008 143.94531 C 110.95998 139.38528 118.90194 134.86155 124.94531 131.60938 C 126.2103 130.92864 130.02691 131.12386 131.46289 131.08398 C 133.24822 131.03447 135.07047 131.18094 136.8125 130.78711 C 138.8492 130.3265 143.55273 127.7793 143.55273 127.7793 L 134.32031 113.62305 z M 92.572266 140.86523 C 79.396877 148.01666 67.945313 154.19531 67.945312 154.19531 C 49.81758 149.12655 71.354864 178.84597 72.167969 162.14258 C 72.167969 162.14258 81.442552 156.58625 92.861328 149.89258 C 92.764245 146.41978 92.669349 143.35056 92.572266 140.86523 z "
|
||||
transform="scale(0.26458333)"
|
||||
id="path5802" />
|
||||
<circle
|
||||
style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
|
||||
id="path1466"
|
||||
cx="26.458334"
|
||||
cy="26.458336"
|
||||
r="23.916712" />
|
||||
<path
|
||||
style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2.52192783;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 91.40625 122.26758 C 91.958083 129.97459 92.508718 133.14788 93.060547 157.61328 C 80.986774 175.39781 117.03311 172.66904 102.125 157.76172 C 102.99689 145.10042 103.78476 131.75831 105.09375 122.59375 C 100.6215 124.54783 95.859635 124.41081 91.40625 122.26758 z "
|
||||
transform="scale(0.26458333)"
|
||||
id="path5798" />
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path5796"
|
||||
d="m 19.353565,18.73958 c -1.202171,17.87131 14.011217,19.56618 13.446989,0.11797 z"
|
||||
style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.66726005;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.8 KiB |
|
|
@ -6,6 +6,13 @@ type = "ueber-uns"
|
|||
weight = -100
|
||||
icon = "knuepfel"
|
||||
headless = true
|
||||
|
||||
[[resources]]
|
||||
title = "Handwerk"
|
||||
src = "bilder/knuepfel.svg"
|
||||
[resources.params]
|
||||
alt = "Knüpfel, Zirkel und Meißel"
|
||||
featured = true
|
||||
+++
|
||||
|
||||
Wir planen und fertigen Arbeiten aus Naturstein im Wohnbereich, wie zum
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -6,6 +6,13 @@ type = "ueber-uns"
|
|||
weight = -300
|
||||
icon = "qualitaet"
|
||||
headless = true
|
||||
|
||||
[[resources]]
|
||||
title = "Qualität"
|
||||
src = "bilder/qualitaet.svg"
|
||||
[resources.params]
|
||||
alt = ""
|
||||
featured = true
|
||||
+++
|
||||
|
||||
Eigene Ideen oder die unserer Kunden werden so umgesetzt, dass daraus
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
id="svg896"
|
||||
version="1.1"
|
||||
viewBox="0 0 52.916665 52.916668"
|
||||
height="200"
|
||||
width="200">
|
||||
<defs
|
||||
id="defs890" />
|
||||
<metadata
|
||||
id="metadata893">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
transform="translate(0,-244.08332)"
|
||||
id="layer1">
|
||||
<path
|
||||
id="path5469"
|
||||
d="m 28.179157,249.82276 c -4.420459,5.47409 -9.277968,10.71866 -14.800645,15.09055 0.894629,0.72064 1.076716,1.33575 1.430403,1.9482 2.731994,-0.11156 5.67589,-0.22416 8.596375,-0.32608 -0.0303,3.93657 -0.131824,7.87356 -0.408761,11.81013 -0.654239,0.89429 -1.447923,1.68127 -2.487703,2.56987 -0.75986,-0.80699 -0.934957,-1.4966 -1.160653,-2.19676 -2.163561,0.4878 -4.297944,0.66823 -6.674528,2.19676 1.694748,2.22521 3.114137,4.65755 4.146001,7.37992 0.75394,0.57647 1.428146,1.19277 1.90686,1.90686 1.245662,-0.35175 2.31315,-0.65543 3.586344,-0.70435 1.929627,-2.58386 3.181996,-3.63098 4.311365,-4.56097 1.049615,0.96607 2.202023,2.2378 2.881479,3.35846 0.488719,0.37392 0.901057,0.70016 1.285192,1.49241 1.514697,-0.39353 2.791309,-0.74655 3.979601,-0.70487 1.345631,-2.77766 3.385603,-5.61747 5.472535,-8.10493 -1.715958,-0.97873 -3.438961,-2.34252 -6.434748,-2.99258 -0.213321,0.78078 -0.588473,1.6444 -1.305349,2.42518 -0.778372,-0.5187 -1.27491,-1.20648 -1.784903,-1.88619 -0.145523,-3.88259 -0.403831,-8.27059 -0.418062,-12.2282 2.122479,-0.0531 3.633739,-0.0484 5.382617,-0.0563 1.216086,-2.6258 2.432264,-5.04507 3.648355,-6.4673 -3.165533,0.34541 -5.833393,0.50757 -8.998934,0.67541 0.04746,-3.13993 0.140512,-6.30592 0.293005,-9.50588 z m -0.0956,2.06861 c -0.145047,3.22857 -0.167066,6.4726 -0.133326,9.71206 2.641359,-0.10112 5.23082,-0.21686 7.755083,-0.44855 l -2.081527,3.31246 c -1.828247,-0.008 -3.711787,0.0278 -5.627047,0.0827 0.09616,4.96627 0.195659,10.19838 0.445968,14.95826 1.062903,1.23025 2.024261,2.26702 3.308323,3.38636 0.881605,-1.05753 1.706079,-2.14935 2.313554,-3.37137 1.156354,0.17376 2.493574,0.95128 3.399277,1.55701 -1.731807,2.02273 -2.838635,3.98361 -4.217829,6.00635 l -2.960545,0.49816 c -1.16369,-1.49534 -3.312726,-3.72192 -4.754747,-5.06118 -1.948852,1.66453 -3.732669,3.34259 -5.362464,5.21983 l -2.426725,0.35553 c -1.109613,-2.33287 -2.180791,-4.80782 -3.800802,-6.73395 1.056091,-0.88633 2.622465,-1.15811 3.765145,-1.33119 0.461399,1.08847 1.026032,2.12571 1.817977,3.04891 1.518815,-1.25319 3.218106,-2.77324 4.514453,-4.36821 0.156095,-4.68114 0.313934,-9.36243 0.371554,-14.04358 -3.00465,0.11549 -6.068721,0.25536 -9.137427,0.35346 4.499122,-4.04578 9.188451,-8.96273 12.811105,-13.13304 z m -3.664376,6.56652 c -1.113911,1.18038 -1.761445,2.02216 -3.254065,3.42976 1.098007,-0.0593 2.185991,-0.10614 3.266467,-0.14934 0.0023,-1.09343 3.87e-4,-2.18699 -0.0124,-3.28042 z"
|
||||
style="display:inline;opacity:1;fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.08445571px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
|
||||
<circle
|
||||
r="23.916712"
|
||||
cy="270.54166"
|
||||
cx="26.458334"
|
||||
id="path1466"
|
||||
style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.99999999;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
|
|
@ -6,6 +6,13 @@ type = "ueber-uns"
|
|||
weight = -200
|
||||
icon = "4w"
|
||||
headless = true
|
||||
|
||||
[[resources]]
|
||||
title = "Tradition"
|
||||
src = "bilder/4w.svg"
|
||||
[resources.params]
|
||||
alt = "4W - Das Symbol der Steinmetz Zunft"
|
||||
featured = true
|
||||
+++
|
||||
|
||||
Die Firma wurde [um 1900](/firmengeschichte) in Niederkassel gegründet. Zu
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
{
|
||||
"requires": true,
|
||||
"lockfileVersion": 1,
|
||||
"dependencies": {
|
||||
"three": {
|
||||
"version": "0.104.0",
|
||||
"resolved": "https://registry.npmjs.org/three/-/three-0.104.0.tgz",
|
||||
"integrity": "sha512-q617IMBC5k40U2E9UC4/LtmhzTOOLB1jGMIooUL+QrhZ7abiGCSDrKrpCDt9V8RTl6xw+0FYfA1PYsIPKbQOgg=="
|
||||
},
|
||||
"vue-3d-model": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/vue-3d-model/-/vue-3d-model-1.0.2.tgz",
|
||||
"integrity": "sha512-AfuvlmMIJrzp5dsCdust2K/oEXVV/KjDZa1f4vfhWBjL7ZoVgy16u5JkY9qdCBoUsn5XQQmMW4zy5tHSAjhFXA==",
|
||||
"requires": {
|
||||
"three": "^0.88.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"three": {
|
||||
"version": "0.88.0",
|
||||
"resolved": "https://registry.npmjs.org/three/-/three-0.88.0.tgz",
|
||||
"integrity": "sha1-QlbC/Djk+yOg0j66K2zOTfjkZtU="
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -5,24 +5,95 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>{{- block "title" . -}}{{- .Site.Title -}}{{- end -}}</title>
|
||||
{{ .Hugo.Generator }}
|
||||
{{- partial "head.html" . -}}
|
||||
{{- partial "schema/site.html" . -}}
|
||||
{{- if (and (eq .Kind "page") (eq .Type "news")) -}}
|
||||
{{- partial "schema/post.html" . -}}
|
||||
{{- end -}}
|
||||
{{- if (and (eq .Kind "page") (ne .Type "news")) -}}
|
||||
{{- partial "schema/article.html" . -}}
|
||||
{{- end -}}
|
||||
{{- if (eq .Kind "section") -}}
|
||||
{{- partial "schema/collectionpage.html" . -}}
|
||||
{{- end -}}
|
||||
{{ partial "part/style.html" (dict "ctx" . "path" "css/style.css" )}}
|
||||
<link rel="shortcut icon" href="/img/favicon.ico">
|
||||
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
|
||||
<link rel="icon" type="image/png" href="/img/favicon.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="/img/favicon-large.png" sizes="96x96">
|
||||
<link rel="apple-touch-icon" type="image/png" href="/img/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="msapplication-TileBackground" content="#000000">
|
||||
<meta name="msapplication-TileImage" content="/img/ms-tile.png">
|
||||
{{- block "head" . -}}{{- end -}}
|
||||
<body>
|
||||
<div class="fixed-background background-{{ with .Params.background }}{{- . -}}{{- else -}}default{{- end -}}"></div>
|
||||
<div id="header" class="large">
|
||||
<div class="container">
|
||||
{{- partial "header.html" . -}}
|
||||
<div class="flex row">
|
||||
<div class="col-xs-12">
|
||||
<div class="navbar-logo padding">
|
||||
<a href="{{.Site.BaseURL }}">
|
||||
<picture>
|
||||
<source srcset="/img/logo.svg"
|
||||
media="(min-width: 48rem)">
|
||||
<img src="/img/logo-klein.svg" alt="Logo der Firma Neff Stein-Design" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar small">
|
||||
<input type="checkbox" class="hamburger" id="top-navigation-checkbox" name="top-navigation-checkbox"><label class="hamburger" for="top-navigation-checkbox"><span class="toggler"><span class="line"></span><span class="line"></span><span class="line"></span></span></label>
|
||||
<div class="navbar-container">
|
||||
<nav>
|
||||
<ul>
|
||||
{{- $currentPage := . -}}
|
||||
{{- range .Site.Menus.main -}}
|
||||
{{- if .HasChildren -}}
|
||||
<li class="{{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }}">
|
||||
<a href="{{ .URL }}">
|
||||
{{ .Pre }}
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
{{- range .Children -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</li>
|
||||
{{- else -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{- if eq .Kind "home" -}}
|
||||
{{- partial "banner.html" . -}}
|
||||
{{- $section := $.Site.GetPage "section" "aktionen" -}}
|
||||
{{ $page := "" }}
|
||||
{{- with $section.Pages }}
|
||||
{{- $page = index . 0 -}}
|
||||
{{ end }}
|
||||
{{- with $page -}}
|
||||
<section id="banner">
|
||||
<div class="container">
|
||||
<div id="banner-container" class="col-xs-12">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p>{{ .Params.description }}</p>
|
||||
<p><a href="{{ .Permalink }}" class="btn btn-primary">{{ i18n "more-info" }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{- end }}
|
||||
{{- end -}}
|
||||
<div id="page-wrapper">
|
||||
{{- if .Params.show_breadcrumbs -}}
|
||||
<div class="container">
|
||||
{{- partial "breadcrumbs.html" . }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
<div id="page-wrapper">
|
||||
<div id="content">
|
||||
{{- block "content" . -}}
|
||||
<div class="container">
|
||||
|
|
@ -31,13 +102,65 @@
|
|||
{{- end -}}
|
||||
</div>
|
||||
<div id="footer">
|
||||
{{- partial "footer.html" . -}}
|
||||
{{- if (ne .Kind "home") -}}
|
||||
<div class="container">
|
||||
<section class="row" id="index-contact">
|
||||
<div class="col-xs-12">
|
||||
<h2 class="padding"><a class="anchor" id="{{ i18n "contact" }}">Kontakt</a></h2>
|
||||
<div class="call-to-action flex row text-center">
|
||||
<div class="padding">
|
||||
<a class="btn btn-primary" href="mailto:{{ .Site.Author.email }}">{{ i18n "send-mail" }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{- $site := . }}
|
||||
{{- range .Site.Data.kontakt.kontakt -}}
|
||||
{{- partial "address.html" (dict "address" . "ctx" $site) -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
{{- end }}
|
||||
<div class="container bottom">
|
||||
<div clss="row" id="footer-social" class="padding">
|
||||
<div class="col-xs-12">
|
||||
{{- partial "social.html" . -}}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="row">
|
||||
{{- $currentPage := . -}}
|
||||
{{- range .Site.Menus.footer -}}
|
||||
<ul class="list-unstyled col-xs-12 col-sm-4">
|
||||
{{- if .HasChildren -}}
|
||||
<li class="{{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }}">
|
||||
<a href="{{ .URL }}">
|
||||
{{ .Pre }}
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
<ul class="list-unstyled sub-menu">
|
||||
{{- range .Children -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</li>
|
||||
{{- else -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
{{- end -}}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lightbox-section">
|
||||
</div>
|
||||
{{- partial "lightbox.html" . -}}
|
||||
{{- partial "scripts.html" . -}}
|
||||
{{- partial "templates/lightbox.html" . -}}
|
||||
<script>
|
||||
var $googleAnalytics = '{{ .Site.GoogleAnalytics }}';
|
||||
</script>
|
||||
|
||||
{{ partial "part/script.html" (dict "ctx" . "path" "js/common.bundle.js")}}
|
||||
{{- block "scripts" . -}}{{- end -}}
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,28 @@
|
|||
{{- define "main" -}}
|
||||
<main class="row" id="single">
|
||||
<article class="col-sm-12">
|
||||
{{- partial "single.html" . -}}
|
||||
<header class="flex padding">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</header>
|
||||
{{- $resources := .Resources -}}
|
||||
{{- with .Content -}}
|
||||
<div class="content row">
|
||||
<div class="col-sm-12">
|
||||
{{- range $.Resources.ByType "image" -}}
|
||||
{{- if .Params.featured -}}
|
||||
{{- $orig := . -}}
|
||||
{{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured rounded left" "showTitle" true "showDescription" true)}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{ . }}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
<footer class="single-footer padding">
|
||||
<p>
|
||||
<i class="fa fa-calendar"></i> <time datetime='{{ .Lastmod.Format "2006-01-02T15:04-07:00" }}'>{{ .Lastmod.Format "02.01.2006 15:04" }}</time>
|
||||
</p>
|
||||
</footer>
|
||||
</article>
|
||||
</main>
|
||||
{{- end -}}
|
||||
|
|
|
|||
|
|
@ -17,6 +17,6 @@
|
|||
{{ $image = index $images 0 }}
|
||||
{{ end }}
|
||||
{{ with $image }}
|
||||
<li class="col-xs-6 col-sm-4"> {{- partial "catalog.html" (dict "ctx" $ctx "image" . "class" "catalog" "showTitle" true "showDescription" true) -}}
|
||||
<li class="col-xs-6 col-sm-4"> {{- partial "figure.html" (dict "ctx" $ctx "image" . "class" "catalog" "showTitle" true "showDescription" true "showDetails" true "isOverlay" true) -}}
|
||||
</li>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,24 +0,0 @@
|
|||
{{- define "title" -}}
|
||||
{{ .Title }} • {{ .Site.Title }}
|
||||
{{- end -}}
|
||||
|
||||
{{ define "main" }}
|
||||
<main class="row" id="list">
|
||||
<h1 class="col-xs">{{ .Title }}</h1>
|
||||
<ul class="list-unstyled row">
|
||||
{{- range .Sections -}}
|
||||
{{- .Render "li" -}}
|
||||
{{- end -}}
|
||||
{{- range .Pages -}}
|
||||
{{- .Render "li" -}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
{{- with .Content -}}
|
||||
<div class="content row">
|
||||
<div class="col-sm-12">
|
||||
{{ . }}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -5,15 +5,34 @@
|
|||
{{- define "main" -}}
|
||||
<main class="catalog row" id="single">
|
||||
<article id="catalog-article" class="col-sm-12">
|
||||
{{- partial "catalog-article.html" . -}}
|
||||
<header class="flex padding">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</header>
|
||||
<div class="content flex">
|
||||
<div class="padding">
|
||||
{{- with .Resources.GetMatch "bilder/*" -}}
|
||||
{{- $orig := . -}}
|
||||
{{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured left wide" "showTitle" false "showDescription" false)}}
|
||||
{{- end -}}
|
||||
{{ with .Params.offer }}<p class="offer"><a class="btn btn-secondary" href="{{ . }}">Angebot</a></p>{{ end }}
|
||||
<p class="type">Typ: {{ range $index, $value := .Params.used_for }}{{ if $index }}, {{end}}{{ . }}{{end}}</p>
|
||||
{{ with .Params.material }}<p class="material">Material: {{ . }}</p>{{ end }}
|
||||
{{ with .Params.ornament }}<p class="ornament">Ornament: {{ . }}</p>{{ end }}
|
||||
{{ with .Params.description }}<p class="description">{{ . }}</p>{{ end }}
|
||||
<p class="article-id">Art. Nr.: {{ .Params.article_id }}</p>
|
||||
{{ with .Content }}
|
||||
{{ . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
{{- end -}}
|
||||
|
||||
{{- define "head" -}}
|
||||
{{ partial "part/style.html" (dict "ctx" . "path" "css/catalog.css")}}
|
||||
{{ partial "part/style.html" (dict "ctx" . "path" "css/catalog.css")}}
|
||||
{{- end -}}
|
||||
|
||||
{{- define "scripts" -}}
|
||||
{{ partial "part/script.html" (dict "ctx" . "path" "js/catalog.bundle.js")}}
|
||||
{{ partial "part/script.html" (dict "ctx" . "path" "js/catalog.bundle.js")}}
|
||||
{{- end -}}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div id="index">
|
||||
<div class="container transparent">
|
||||
<div class="row">
|
||||
<div class="col-offset-xs-8 col-xs-4" id="index-short-contact">
|
||||
<div class="col-xs-12 col-offset-sm-8 col-sm-4" id="index-short-contact">
|
||||
<div class="phone">
|
||||
<i class="fa fa-phone"></i>: {{ (index .Site.Data.kontakt.kontakt 0).telephone }}
|
||||
</div>
|
||||
|
|
@ -34,13 +34,16 @@
|
|||
<div class="container">
|
||||
<section id="index-hero">
|
||||
<a class="anchor" id="{{ i18n "about-us" }}"><h1 class="padding">{{ (replace (replace (i18n "about-us") "-" " ") "ue" "ü") | title}}</h1></a>
|
||||
<div class="row">
|
||||
{{- range (first 3 (where .Site.Pages.ByWeight ".Params.type" "ueber-uns")) -}}
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
{{- partial "hero.html" . -}}
|
||||
</div>
|
||||
<ul class="list-unstyled row">
|
||||
{{- range .Params.about_us }}
|
||||
<li class="col-xs-12 col-sm-4">
|
||||
{{- $section := $.Site.GetPage "section" "ueber-uns" -}}
|
||||
{{- $page := $section.GetPage . -}}
|
||||
{{- $image := $page.Resources.GetMatch "bilder/*" -}}
|
||||
{{ partial "figure.html" (dict "image" $image "ctx" $page "class" "fill" "showContent" true "showTitle" true "keepOriginal" true "imgClass" "img-center" )}}
|
||||
</li>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
|
@ -69,6 +72,7 @@
|
|||
<a class="anchor" href="/galerie" id="{{ i18n "gallery" }}">{{ i18n "gallery" | title}}</a>
|
||||
<span class="small"></span>
|
||||
</h1>
|
||||
<div class="col-xs-12">
|
||||
<ul class="row list-unstyled">
|
||||
{{- range .Params.galleries }}
|
||||
<li class="col-xs-12 col-sm-4">
|
||||
|
|
@ -79,6 +83,8 @@
|
|||
</li>
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 end-sm">
|
||||
<p>
|
||||
<a href="/galerie"><strong>Alle Galerien</strong></a>
|
||||
|
|
@ -90,11 +96,21 @@
|
|||
<div class="container">
|
||||
<section class="row" id="index-news">
|
||||
<h1 class="col-xs-12 padding"><a class="anchor" href="/neuigkeiten" id="{{ i18n "news" }}">{{ i18n "news" | title}}</a></h1>
|
||||
<div class="col-xs-12">
|
||||
<ul class="list-unstyled row">
|
||||
{{- range (first 3 (where .Site.Pages.ByWeight ".Params.type" "news")) -}}
|
||||
{{- partial "news.html" . -}}
|
||||
<li class="col-xs-12 col-sm-4">
|
||||
{{- $site := . -}}
|
||||
{{- range .Resources.ByType "image" -}}
|
||||
{{- if .Params.featured -}}
|
||||
{{- $orig := .}}
|
||||
{{ partial "figure.html" (dict "image" $orig "ctx" $site "class" "gallery" "showTitle" true "showSummary" true)}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</li>
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 end-sm">
|
||||
<p>
|
||||
<a href="/neuigkeiten"><strong>Alle Neuigkeiten</strong></a>
|
||||
|
|
|
|||
|
|
@ -1,19 +0,0 @@
|
|||
{{- define "title" -}}
|
||||
{{ .Title }} • {{ .Site.Title }}
|
||||
{{- end -}}
|
||||
|
||||
{{- define "main" -}}
|
||||
<main class="model row" id="single">
|
||||
<article id="model" class="col-sm-12">
|
||||
<div id="model-viewer-root"></div>
|
||||
</article>
|
||||
</main>
|
||||
{{- end -}}
|
||||
|
||||
{{- define "head" -}}
|
||||
{{ partial "part/style.html" (dict "ctx" . "path" "css/catalog.css")}}
|
||||
{{- end -}}
|
||||
|
||||
{{- define "scripts" -}}
|
||||
{{ partial "part/script.html" (dict "ctx" . "path" "js/catalog.bundle.js")}}
|
||||
{{- end -}}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
{{- $section := $.Site.GetPage "section" "aktionen" -}}
|
||||
{{ $page := "" }}
|
||||
{{- with $section.Pages }}
|
||||
{{- $page = index . 0 -}}
|
||||
{{ end }}
|
||||
{{- with $page -}}
|
||||
<section id="banner">
|
||||
<div class="container">
|
||||
<div id="banner-container" class="col-xs-12">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p>{{ .Params.description }}</p>
|
||||
<p><a href="{{ .Permalink }}" class="btn btn-primary">{{ i18n "more-info" }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{- end }}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
<header class="flex padding">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</header>
|
||||
<div class="content flex">
|
||||
<div class="padding">
|
||||
{{- with .Resources.GetMatch "bilder/*" -}}
|
||||
{{- $orig := . -}}
|
||||
{{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured left wide" "showTitle" false "showDescription" false)}}
|
||||
{{- end -}}
|
||||
{{ with .Params.offer }}<p class="offer"><a class="btn btn-secondary" href="{{ . }}">Angebot</a></p>{{ end }}
|
||||
<p class="type">Typ: {{ range $index, $value := .Params.used_for }}{{ if $index }}, {{end}}{{ . }}{{end}}</p>
|
||||
{{ with .Params.material }}<p class="material">Material: {{ . }}</p>{{ end }}
|
||||
{{ with .Params.ornament }}<p class="ornament">Ornament: {{ . }}</p>{{ end }}
|
||||
{{ with .Params.description }}<p class="description">{{ . }}</p>{{ end }}
|
||||
<p class="article-id">Art. Nr.: {{ .Params.article_id }}</p>
|
||||
{{ with .Content }}
|
||||
{{ . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
{{- $ctx := .ctx }}
|
||||
{{- $title := .ctx.Title -}}
|
||||
{{- $alt := .ctx.Params.alt -}}
|
||||
{{- $description := .ctx.Params.description | markdownify -}}
|
||||
{{- $class := .class -}}
|
||||
{{- $href := .ctx.Params.href }}
|
||||
|
||||
<figure {{- with .class }} class="{{ . }}"{{- end -}}>
|
||||
{{ with .image }}
|
||||
{{- $imageSm := .Fill "300x300 Top" -}}
|
||||
{{- $imageMd := .Fill "500x500 Top" -}}
|
||||
<img alt="{{ $alt }}"
|
||||
title="{{ $title }}"
|
||||
class="{{ $class }}"
|
||||
srcset="{{ $imageSm.RelPermalink }} 300w, {{ $imageMd.RelPermalink }} 500w"
|
||||
sizes="(max-width: 300px) 300px, 500px"
|
||||
src="{{ $imageMd.RelPermalink }}" />
|
||||
{{- partial "schema/img.html" (dict "image" . "ctx" $ctx) -}}
|
||||
{{ end }}
|
||||
{{ with .ctx.Params.offer }}
|
||||
<div class="ribbon">
|
||||
<span>
|
||||
Angebot
|
||||
</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
<figcaption class="overlay caption hidden">
|
||||
<a href="{{ .image.Permalink }}" data-lightbox><h3>{{ $title }}</h3></a>
|
||||
{{- with $description -}}
|
||||
<p class="description">{{- . -}}</p>
|
||||
{{- end -}}
|
||||
<p class="material">Material: {{ .ctx.Params.material}}</p>
|
||||
{{ with .ctx.Params.ornament }}
|
||||
<p class="ornament">Ornament: {{ . }}</p>
|
||||
{{ end }}
|
||||
<p class="type">Typ: {{ range $index, $value := .ctx.Params.used_for }}{{ if $index }}, {{end}}{{ . }}{{end}}</p>
|
||||
<p class="details">
|
||||
{{ with .ctx.Params.offer }}
|
||||
<a class="btn btn-small btn-secondary" href="{{ . }}">Angebot</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-small btn-primary" href="{{$ctx.RelPermalink }}">Details</a>
|
||||
</p>
|
||||
</figcaption>
|
||||
<noscript>
|
||||
<figcaption class="description">
|
||||
<a href="{{$href}}"><h3>{{ $title }}</h3></a>
|
||||
{{- with $description -}}
|
||||
<p>{{- . -}}</p>
|
||||
{{- else -}}
|
||||
<p>{{- $alt -}}</p>
|
||||
{{- end -}}
|
||||
<p>
|
||||
{{ .ctx.Params.material}}
|
||||
</p>
|
||||
</figcaption>
|
||||
</noscript>
|
||||
</figure>
|
||||
|
|
@ -1,15 +1,25 @@
|
|||
{{- $ctx := .ctx -}}
|
||||
{{- $title := .ctx.Title -}}
|
||||
{{- $alt := .ctx.Params.alt -}}
|
||||
{{- $description := .ctx.Params.description | markdownify -}}
|
||||
{{- $content := .ctx.Content -}}
|
||||
{{- $keep := .keepOriginal -}}
|
||||
{{- $class := .class -}}
|
||||
{{- $imgClass := .imgClass -}}
|
||||
{{- $href := .ctx.Params.href }}
|
||||
|
||||
<figure {{- with .class }} class="{{ . }}"{{- end -}}>
|
||||
<a href="{{- with $href -}}{{ . }}{{ else }}{{ .ctx.RelPermalink }}{{ end }}"{{- with .lightbox }} data-lightbox{{- end -}}>
|
||||
{{- partial "img.html" (dict "image" .image "ctx" .ctx "keepOriginal" $keep "class" $class) -}}
|
||||
{{- partial "img.html" (dict "image" .image "ctx" .ctx "keepOriginal" $keep "class" $imgClass) -}}
|
||||
</a>
|
||||
<figcaption class="description">
|
||||
{{ with .ctx.Params.offer }}
|
||||
<div class="ribbon">
|
||||
<span>
|
||||
Angebot
|
||||
</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
<figcaption class="description{{ if .isOverlay }} overlay hidden{{ end }}">
|
||||
{{- if .showTitle -}}
|
||||
{{- if $href -}}
|
||||
<a href="{{$href}}"><h3>{{ $title }}</h3></a>
|
||||
|
|
@ -26,5 +36,39 @@
|
|||
{{- end -}}
|
||||
</p>
|
||||
{{- end -}}
|
||||
{{- if .showContent -}}
|
||||
<p>
|
||||
{{- with $content -}}
|
||||
{{- . -}}
|
||||
{{- end -}}
|
||||
</p>
|
||||
{{- end -}}
|
||||
{{- if .showSummary -}}
|
||||
{{ with $ctx.Summary }}
|
||||
<p>
|
||||
{{- . -}}
|
||||
{{- if $ctx.Truncated -}}
|
||||
<a href="{{ $ctx.RelPermalink }}">{{ i18n "read-more" }}…</a>
|
||||
{{- end -}}
|
||||
</p>
|
||||
{{ end }}
|
||||
{{- end -}}
|
||||
{{- if .showDetails -}}
|
||||
{{ with .ctx.Params.material }}
|
||||
<p class="material">Material: {{ . }}</p>
|
||||
{{- end -}}
|
||||
{{ with .ctx.Params.ornament }}
|
||||
<p class="ornament">Ornament: {{ . }}</p>
|
||||
{{- end -}}
|
||||
{{- with .ctx.Params.used_for -}}
|
||||
<p class="type">Typ: {{ range $index, $value := . }}{{ if $index }}, {{end}}{{ . }}{{end}}</p>
|
||||
{{- end -}}
|
||||
<p class="details">
|
||||
{{ with .ctx.Params.offer }}
|
||||
<a class="btn btn-small btn-secondary" href="{{ . }}">Angebot</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-small btn-primary" href="{{$ctx.RelPermalink }}">Details</a>
|
||||
</p>
|
||||
{{- end -}}
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
|
|
|||
|
|
@ -1,49 +0,0 @@
|
|||
{{- if (ne .Kind "home") -}}
|
||||
<div class="container">
|
||||
<section class="row" id="index-contact">
|
||||
<div class="col-xs-12">
|
||||
<h2 class="padding"><a class="anchor" id="{{ i18n "contact" }}">Kontakt</a></h2>
|
||||
<div class="call-to-action flex row text-center">
|
||||
<div class="padding">
|
||||
<a class="btn btn-primary" href="mailto:{{ .Site.Author.email }}">{{ i18n "send-mail" }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{- $site := . }}
|
||||
{{- range .Site.Data.kontakt.kontakt -}}
|
||||
{{- partial "address.html" (dict "address" . "ctx" $site) -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
{{- end }}
|
||||
<div class="container bottom">
|
||||
<div clss="row" id="footer-social" class="padding">
|
||||
<div class="col-xs-12">
|
||||
{{- partial "social.html" . -}}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="padding">
|
||||
{{- $currentPage := . -}}
|
||||
{{- range .Site.Menus.footer -}}
|
||||
<ul>
|
||||
{{- if .HasChildren -}}
|
||||
<li class="col-xs-4 {{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }}">
|
||||
<a href="{{ .URL }}">
|
||||
{{ .Pre }}
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
{{- range .Children -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</li>
|
||||
{{- else -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
{{- end -}}
|
||||
</nav>
|
||||
</div>
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{{- partial "schema/site.html" . -}}
|
||||
{{- if (and (eq .Kind "page") (eq .Type "news")) -}}
|
||||
{{- partial "schema/post.html" . -}}
|
||||
{{- end -}}
|
||||
{{- if (and (eq .Kind "page") (ne .Type "news")) -}}
|
||||
{{- partial "schema/article.html" . -}}
|
||||
{{- end -}}
|
||||
{{- if (eq .Kind "section") -}}
|
||||
{{- partial "schema/collectionpage.html" . -}}
|
||||
{{- end -}}
|
||||
{{ partial "part/style.html" (dict "ctx" . "path" "css/style.css" )}}
|
||||
<link rel="shortcut icon" href="/img/favicon.ico">
|
||||
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
|
||||
<link rel="icon" type="image/png" href="/img/favicon.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="/img/favicon-large.png" sizes="96x96">
|
||||
<link rel="apple-touch-icon" type="image/png" href="/img/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="msapplication-TileBackground" content="#000000">
|
||||
<meta name="msapplication-TileImage" content="/img/ms-tile.png">
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<div class="flex row">
|
||||
<div class="col-xs-12">
|
||||
<div class="navbar-logo padding">
|
||||
<a href="{{.Site.BaseURL }}">
|
||||
<picture>
|
||||
<source srcset="/img/logo.svg"
|
||||
media="(min-width: 960px)">
|
||||
<img src="/img/logo-klein.svg" alt="Logo der Firma Neff Stein-Design" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar small">
|
||||
<input type="checkbox" class="hamburger" id="top-navigation-checkbox" name="top-navigation-checkbox"><label class="hamburger" for="top-navigation-checkbox"><span class="toggler"><span class="line"></span><span class="line"></span><span class="line"></span></span></label>
|
||||
<div class="navbar-container">
|
||||
<nav>
|
||||
<ul>
|
||||
{{- $currentPage := . -}}
|
||||
{{- range .Site.Menus.main -}}
|
||||
{{- if .HasChildren -}}
|
||||
<li class="{{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }}">
|
||||
<a href="{{ .URL }}">
|
||||
{{ .Pre }}
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
<ul class="sub-menu">
|
||||
{{- range .Children -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</li>
|
||||
{{- else -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<div class="padding hero-container">
|
||||
<img src="img/hero/{{ .Params.icon }}.svg" class="hero" alt="Hero {{ .Title }}">
|
||||
<header>
|
||||
<h2>{{ .Title }}</h2>
|
||||
</header>
|
||||
<div class="content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -7,16 +7,16 @@
|
|||
{{- with .ctx.Params.alt -}}
|
||||
{{- $alt = . -}}
|
||||
{{- end -}}
|
||||
{{ $class := "" }}
|
||||
{{- with .class -}}
|
||||
{{- $class := . -}}
|
||||
{{- $class = . -}}
|
||||
{{- end -}}
|
||||
{{- $ctx := .ctx -}}
|
||||
{{ with .image }}
|
||||
{{- $class := "" -}}
|
||||
{{ if eq $keep true }}
|
||||
<img alt="{{ $alt }}"
|
||||
title="{{ $title }}"
|
||||
class="original {{- $class }}"
|
||||
class="original {{ $class }}"
|
||||
src="{{ .RelPermalink }}" />
|
||||
{{ else }}
|
||||
{{- $imageSm := .Fill "300x300 Top" -}}
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
title="{{ $title }}"
|
||||
class="{{ $class }}"
|
||||
srcset="{{ $imageSm.RelPermalink }} 300w, {{ $imageMd.RelPermalink }} 500w"
|
||||
sizes="(max-width: 300px) 300px, 500px"
|
||||
sizes="(min-width: 48rem) 300px, 500px"
|
||||
src="{{ $imageMd.RelPermalink }}" />
|
||||
{{ end }}
|
||||
{{- partial "schema/img.html" (dict "image" . "ctx" $ctx) -}}
|
||||
|
|
|
|||
|
|
@ -1,25 +0,0 @@
|
|||
{{- $currentPage := .ctx -}}
|
||||
{{- range .menu -}}
|
||||
<ul>
|
||||
{{- if .HasChildren -}}
|
||||
<li class="{{ if $currentPage.HasMenuCurrent .Menu . }}active{{ end }}">
|
||||
{{- $pre := .Pre -}}
|
||||
{{- $name := .Name -}}
|
||||
{{- with .URL }}
|
||||
<a href="{{ . }}">
|
||||
{{ $pre }}
|
||||
<span>{{ $name }}</span>
|
||||
</a>
|
||||
{{- end -}}
|
||||
<ul class="sub-menu">
|
||||
{{- range .Children -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
</li>
|
||||
{{- else -}}
|
||||
{{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
|
||||
{{- end -}}
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
{{- end -}}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
<li class="col-xs-12 col-sm-4">
|
||||
<div>
|
||||
{{- $site := . -}}
|
||||
{{- range .Resources.ByType "image" -}}
|
||||
{{- if .Params.featured -}}
|
||||
{{- $orig := .}}
|
||||
{{ partial "figure.html" (dict "image" $orig "ctx" $site "class" "fill")}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
<header>
|
||||
<h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
|
||||
</header>
|
||||
<div>
|
||||
{{ .Summary }}
|
||||
{{- if .Truncated -}}
|
||||
<a href="{{ .RelPermalink }}">{{ i18n "read-more" }}…</a>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</li>
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
<script>
|
||||
var $googleAnalytics = '{{ .Site.GoogleAnalytics }}';
|
||||
</script>
|
||||
|
||||
{{ partial "part/script.html" (dict "ctx" . "path" "js/common.bundle.js")}}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
<header class="flex padding">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</header>
|
||||
{{- $resources := .Resources -}}
|
||||
{{- with .Content -}}
|
||||
<div class="content row">
|
||||
<div class="col-sm-12">
|
||||
{{- range $.Resources.ByType "image" -}}
|
||||
{{- if .Params.featured -}}
|
||||
{{- $orig := . -}}
|
||||
{{ partial "figure.html" (dict "ctx" . "image" . "lightbox" true "class" "featured left" "showTitle" true "showDescription" true)}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{ . }}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
<footer class="single-footer padding">
|
||||
<p>
|
||||
<i class="fa fa-calendar"></i> <time datetime='{{ .Lastmod.Format "2006-01-02T15:04-07:00" }}'>{{ .Lastmod.Format "02.01.2006 15:04" }}</time>
|
||||
</p>
|
||||
</footer>
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
{{- $type := .Get "type" -}}
|
||||
<ul class="flex row list-unstyled clearfix {{ $type }}">
|
||||
<div class="clearfix"></div>
|
||||
<ul class="flex row list-unstyled {{ $type }}">
|
||||
{{ .Inner }}
|
||||
</ul>
|
||||
|
|
@ -0,0 +1,892 @@
|
|||
/* BASE STYLES */
|
||||
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: calc(100vh - calc(3 * #{$gutter-width}));
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: calc(5.25rem + #{$gutter-width}) 0 0 0;
|
||||
background-color: $background-color;
|
||||
color: $font-color;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
@supports (-webkit-overflow-scrolling: touch) {
|
||||
.fixed-background {
|
||||
background-attachment: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.2em;
|
||||
margin: .2em auto;
|
||||
font-family: $heading-font-family;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.6rem;
|
||||
|
||||
span.small {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: circle;
|
||||
padding-left: 1.4em;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
padding-left: 1.4em;
|
||||
}
|
||||
|
||||
table {
|
||||
tr {
|
||||
th, td {
|
||||
padding: calc(#{$gutter-width} / 2) calc(#{$gutter-width * 2}) calc(#{$gutter-width} / 2) 0;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
body {
|
||||
padding: calc(9rem + #{$gutter-width}) 0 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&.anchor:hover,
|
||||
&:active,
|
||||
&:visited,
|
||||
&:link {
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: darken($primary-color, 15%);
|
||||
}
|
||||
|
||||
&.anchor:hover {
|
||||
color: $font-color;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: $border-radius;
|
||||
max-width: calc(100vw - calc(6 * #{$gutter-width}));
|
||||
}
|
||||
|
||||
table {
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
tr {
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* BACKGROUND IMAGES */
|
||||
|
||||
.fixed-background {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1000;
|
||||
|
||||
@include background("default");
|
||||
@include background("bau");
|
||||
}
|
||||
|
||||
/* CONTAINER */
|
||||
|
||||
.container {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border-radius: $border-radius;
|
||||
margin-bottom: $gutter-width;
|
||||
padding: $half-gutter-width $gutter-width;
|
||||
|
||||
&.transparent {
|
||||
background-color: transparent;
|
||||
padding: $half-gutter-width $half-gutter-width;
|
||||
}
|
||||
}
|
||||
|
||||
/* HELPER */
|
||||
|
||||
.lead {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.list-unstyled {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.clearfix::before,
|
||||
.clearfix::after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.clearfix::after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
margin-right: $gutter-width;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
margin-left: $gutter-width;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
|
||||
&.featured {
|
||||
max-width: 33.33333333%;
|
||||
|
||||
&.wide {
|
||||
max-width: 66.66666667%;
|
||||
}
|
||||
}
|
||||
|
||||
&.fill {
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.round {
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&.small {
|
||||
img {
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
&.right,
|
||||
&.left {
|
||||
max-width: 33.33333333%;
|
||||
|
||||
&.wide {
|
||||
max-width: 66.66666667%;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
&.img-center {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&.original {
|
||||
width: auto !important;
|
||||
max-width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
figcaption {
|
||||
&.overlay {
|
||||
&.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.details {
|
||||
line-height: 3rem;
|
||||
|
||||
a.btn {
|
||||
text-shadow: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
position: absolute;
|
||||
background-color: rgba(230,230,230,0.85);
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 5px;
|
||||
right: 0;
|
||||
border-radius: $border-radius;
|
||||
text-align: center;
|
||||
padding: $gutter-width;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
text-shadow: 1px 1px 2px white;
|
||||
p {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
color: $font-color;
|
||||
}
|
||||
|
||||
.ribbon {
|
||||
position: absolute;
|
||||
right: 0px; top: 0px;
|
||||
overflow: hidden;
|
||||
width: 75px; height: 75px;
|
||||
text-align: right;
|
||||
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #d7c9aa;
|
||||
text-align: center;
|
||||
font-weight: bold; line-height: 20px;
|
||||
transform: rotate(45deg);
|
||||
width: 100px; display: block;
|
||||
background: $secondary-color;
|
||||
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .5);
|
||||
position: absolute;
|
||||
top: 19px; right: -21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: .5rem 2rem;
|
||||
border: 1px solid black;
|
||||
border-radius: $border-radius;
|
||||
color: black
|
||||
margin 0 1rem;
|
||||
line-height: 3rem;
|
||||
|
||||
&.btn-small {
|
||||
padding: .3rem 1rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-primary {
|
||||
background-color: $primary-color;
|
||||
border: 1px solid $primary-color;
|
||||
|
||||
color: white;
|
||||
|
||||
&:active,
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
a.btn-secondary,
|
||||
a.btn-primary {
|
||||
color: white;
|
||||
|
||||
&:active,
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background-color: $secondary-color;
|
||||
border: 1px solid $secondary-color;
|
||||
|
||||
color: white;
|
||||
|
||||
&:active,
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.call-to-action {
|
||||
min-height: 2rem;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.full-width {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.youtube {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
margin: $gutter-width 0;
|
||||
border-radius: $border-radius;
|
||||
|
||||
iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border:0;
|
||||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
&.breadcrumbs {
|
||||
display: block;
|
||||
|
||||
ol {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
&.active {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* CONTENT */
|
||||
|
||||
|
||||
/* HEADER */
|
||||
|
||||
#header {
|
||||
$transition-time: 0.4s;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-family: $heading-font-family;
|
||||
z-index: 2000;
|
||||
|
||||
&.small {
|
||||
transition: $transition-time;
|
||||
|
||||
.navbar-logo {
|
||||
flex: 0 1 0;
|
||||
min-width: 100px;
|
||||
float: left;
|
||||
|
||||
img {
|
||||
max-height: 2rem;
|
||||
transition: $transition-time * 1.5;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
.navbar-logo {
|
||||
img {
|
||||
transition: $transition-time * 1.5;
|
||||
max-height: 4rem;
|
||||
}
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.large {
|
||||
transition: $transition-time;
|
||||
|
||||
.navbar-logo {
|
||||
flex: 0 1 0;
|
||||
min-width: 100px;
|
||||
float: left;
|
||||
|
||||
img {
|
||||
max-height: 4rem;
|
||||
width: auto;
|
||||
transition: $transition-time * 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
.navbar-logo {
|
||||
img {
|
||||
max-height: 6rem;
|
||||
transition: $transition-time * 1.5;
|
||||
}
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
transition: $transition-time;
|
||||
top: -200px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.3rem;
|
||||
display: inline;
|
||||
margin: $gutter-width;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
border-radius: 0 0 $border-radius $border-radius;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
flex: 1 0 0;
|
||||
min-width: 0;
|
||||
line-height: 1.75rem;
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
display: none;
|
||||
|
||||
& + label {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-top: $gutter-width;
|
||||
max-width: 35px;
|
||||
max-height: 35px;
|
||||
min-width: 35px;
|
||||
min-height: 35px;
|
||||
|
||||
.toggler {
|
||||
position: relative;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
background-color: transparent;
|
||||
|
||||
.line {
|
||||
height: 4px;
|
||||
width: 35px;
|
||||
background: black;
|
||||
border-radius: 2px;
|
||||
transition: 0.4s;
|
||||
transform-origin: center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.line:nth-child(1) {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.line:nth-child(2) {
|
||||
top: 10px;
|
||||
transition: 0.1s;
|
||||
}
|
||||
|
||||
.line:nth-child(3) {
|
||||
top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked+.hamburger .line:nth-child(1) {
|
||||
transform: translateY(10px) rotate(-45deg);
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked+.hamburger .line:nth-child(2) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked+.hamburger .line:nth-child(3) {
|
||||
transform: translateY(-10px) rotate(45deg);
|
||||
}
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked ~ .navbar-container nav {
|
||||
ul {
|
||||
@include menu-list(column);
|
||||
|
||||
li {
|
||||
text-align: right;
|
||||
flex: 0 0 0;
|
||||
margin: $half-gutter-width 0;
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
|
||||
a {
|
||||
&:active,
|
||||
&:hover {
|
||||
color: darken($primary-color, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-container {
|
||||
margin-top: auto;
|
||||
min-width: 0;
|
||||
height: 100%;
|
||||
|
||||
nav {
|
||||
height: 100%;
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
ul {
|
||||
@include menu-list(row);
|
||||
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
||||
li {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
input[type=checkbox] {
|
||||
display: none;
|
||||
|
||||
& + label {
|
||||
display: none;
|
||||
|
||||
.line {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul:last-child {
|
||||
li {
|
||||
padding: 0 $half-gutter-width;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* FOOTER */
|
||||
|
||||
#footer {
|
||||
nav {
|
||||
align-items: flex-end;
|
||||
flex-wrap: wrap;
|
||||
|
||||
ul {
|
||||
@include menu-list(row);
|
||||
flex: 1 1 0;
|
||||
height: 100%;
|
||||
padding: 0 $half-gutter-width;
|
||||
|
||||
li {
|
||||
flex: 1 0 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
|
||||
.sub-menu {
|
||||
@include menu-list(column);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#footer-social {
|
||||
ul {
|
||||
@include menu-list(row);
|
||||
@include trim-list-margin-horizontal;
|
||||
justify-content: center;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
/* INDEX */
|
||||
#index-hero {
|
||||
.hero-container {
|
||||
text-align: center;
|
||||
|
||||
img.hero {
|
||||
margin: 0.5rem auto 0;
|
||||
max-width: 150px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header,
|
||||
div.content {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#index-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#index-short-contact {
|
||||
font-size: 1.1rem;
|
||||
align-items: flex-start;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border-radius: $border-radius;
|
||||
margin: calc(100vh - calc(15rem - #{$gutter-width})) 0 0 0;
|
||||
padding: $half-gutter-width $gutter-width;
|
||||
overflow: hidden;
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
margin: calc(100vh - calc(19rem - #{$gutter-width})) -$half-gutter-width 0 auto;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
||||
li {
|
||||
margin: 0.5rem $gutter-width;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#index-contact {
|
||||
.padding {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
#index-gallery {
|
||||
figure {
|
||||
text-align: center;
|
||||
|
||||
figcaption {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* SINGLE */
|
||||
|
||||
#single {
|
||||
.single-footer {
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.featured {
|
||||
height: auto;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
& + p {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
float: none;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
float: none;
|
||||
font-style: italic;
|
||||
|
||||
cite {
|
||||
font-size: 0.8em;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
font-size: 1.2rem;
|
||||
&.material {
|
||||
font-weight: bold
|
||||
}
|
||||
&.type {
|
||||
font-style: italic;
|
||||
}
|
||||
&.article-id {
|
||||
font-size: 1rem;
|
||||
}
|
||||
&.offer {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* LIST */
|
||||
|
||||
#list {
|
||||
footer {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* BANNER */
|
||||
|
||||
#banner {
|
||||
font-size: 1.2rem;
|
||||
position: absolute;
|
||||
top: calc(5.25rem + #{$gutter-width});
|
||||
width: 100%;
|
||||
transition: 0.6s;
|
||||
z-index: 500;
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
border-radius: $border-radius;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
top: -200px;
|
||||
transition: 0.6s;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1rem 0 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
#banner {
|
||||
top: calc(9rem + #{$gutter-width});
|
||||
}
|
||||
}
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
#banner {
|
||||
font-size: 1.2rem;
|
||||
position: absolute;
|
||||
top: 105px;
|
||||
width: 100%;
|
||||
transition: 0.6s;
|
||||
z-index: 500;
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
border-radius: $border-radius;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
top: -200px;
|
||||
transition: 0.6s;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1rem 0 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
#banner {
|
||||
top: 155px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
#content {
|
||||
flex: 1 1 0;
|
||||
}
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
#footer {
|
||||
nav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
flex-wrap: wrap;
|
||||
|
||||
ul {
|
||||
@include menu-list(row);
|
||||
flex: 1 1 0;
|
||||
height: 100%;
|
||||
|
||||
li {
|
||||
flex: 1 0 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
|
||||
.sub-menu {
|
||||
@include menu-list(column);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-left: -$gutter-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
#footer-social {
|
||||
ul {
|
||||
@include menu-list(row);
|
||||
@include trim-list-margin-horizontal;
|
||||
justify-content: center;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,431 +0,0 @@
|
|||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: calc(100vh - calc(3 * #{$gutter-width}));
|
||||
font-family: $base-font-family;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 105px 0 0 0;
|
||||
margin: 0;
|
||||
background-color: $background-color;
|
||||
color: $font-color;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.fixed-background {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1000;
|
||||
|
||||
@include background("default");
|
||||
@include background("bau");
|
||||
}
|
||||
|
||||
@supports (-webkit-overflow-scrolling: touch) {
|
||||
.fixed-background {
|
||||
background-attachment: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.2em;
|
||||
margin: .2em auto;
|
||||
font-family: $heading-font-family;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.6rem;
|
||||
|
||||
span.small {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: circle;
|
||||
padding-left: 1.4em;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
padding-left: 1.4em;
|
||||
}
|
||||
|
||||
table {
|
||||
tr {
|
||||
th, td {
|
||||
padding: calc(#{$gutter-width} / 2) calc(#{$gutter-width * 2}) calc(#{$gutter-width} / 2) 0;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
body {
|
||||
padding: 155px 0 0 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&.anchor:hover,
|
||||
&:active,
|
||||
&:visited,
|
||||
&:link {
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: darken($primary-color, 15%);
|
||||
}
|
||||
|
||||
&.anchor:hover {
|
||||
color: $font-color;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
border-radius: $border-radius;
|
||||
max-width: calc(100vw - calc(6 * #{$gutter-width}));
|
||||
}
|
||||
|
||||
table {
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
tr {
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border-radius: $border-radius;
|
||||
margin-bottom: $gutter-width;
|
||||
padding: $gutter-width * 0.5 $gutter-width;
|
||||
|
||||
&.transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
.container {
|
||||
width: calc(100% - calc(6 * #{$gutter-width}));
|
||||
margin: 0 auto;
|
||||
padding: $gutter-width;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
*/
|
||||
|
||||
.news-featured-image {
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.list-unstyled {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.clearfix::before,
|
||||
.clearfix::after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.clearfix::after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
figure.fill {
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
figure.round {
|
||||
img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
figure.small {
|
||||
img {
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
margin-right: $gutter-width;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
margin-left: $gutter-width;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
img.original {
|
||||
width: auto !important;
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
figure {
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
figcaption {
|
||||
&.overlay {
|
||||
&.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.details {
|
||||
line-height: 3rem;
|
||||
|
||||
a.btn {
|
||||
text-shadow: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
position: absolute;
|
||||
background-color: rgba(230,230,230,0.85);
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 5px;
|
||||
right: 0;
|
||||
border-radius: $border-radius;
|
||||
text-align: center;
|
||||
padding: $gutter-width;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
text-shadow: 1px 1px 2px white;
|
||||
p {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
color: $font-color;
|
||||
}
|
||||
|
||||
.ribbon {
|
||||
position: absolute;
|
||||
right: 0px; top: 0px;
|
||||
overflow: hidden;
|
||||
width: 75px; height: 75px;
|
||||
text-align: right;
|
||||
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #d7c9aa;
|
||||
text-align: center;
|
||||
font-weight: bold; line-height: 20px;
|
||||
transform: rotate(45deg);
|
||||
width: 100px; display: block;
|
||||
background: $secondary-color;
|
||||
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, .5);
|
||||
position: absolute;
|
||||
top: 19px; right: -21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: .5rem 2rem;
|
||||
border: 1px solid black;
|
||||
border-radius: $border-radius;
|
||||
color: black
|
||||
margin 0 1rem;
|
||||
line-height: 3rem;
|
||||
|
||||
&.btn-small {
|
||||
padding: .3rem 1rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-primary {
|
||||
background-color: $primary-color;
|
||||
border: 1px solid $primary-color;
|
||||
|
||||
color: white;
|
||||
|
||||
&:active,
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
a.btn-secondary,
|
||||
a.btn-primary {
|
||||
color: white;
|
||||
|
||||
&:active,
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background-color: $secondary-color;
|
||||
border: 1px solid $secondary-color;
|
||||
|
||||
color: white;
|
||||
|
||||
&:active,
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.call-to-action {
|
||||
min-height: 2rem;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.full-width {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.youtube {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
margin: $gutter-width 0;
|
||||
border-radius: $border-radius;
|
||||
|
||||
iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border:0;
|
||||
}
|
||||
}
|
||||
|
||||
nav.breadcrumbs {
|
||||
ol {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
&.active {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,216 +0,0 @@
|
|||
#header {
|
||||
$transition-time: 0.4s;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-family: $heading-font-family;
|
||||
z-index: 2000;
|
||||
|
||||
&.small {
|
||||
transition: $transition-time;
|
||||
|
||||
.navbar-logo {
|
||||
flex: 0 1 0;
|
||||
min-width: 100px;
|
||||
|
||||
img {
|
||||
max-height: 25px;
|
||||
transition: $transition-time * 1.5;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
.navbar-logo {
|
||||
img {
|
||||
transition: $transition-time * 1.5;
|
||||
max-height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.large {
|
||||
transition: $transition-time;
|
||||
|
||||
.navbar-logo {
|
||||
flex: 0 1 0;
|
||||
min-width: 100px;
|
||||
|
||||
img {
|
||||
max-height: 50px;
|
||||
width: auto;
|
||||
transition: $transition-time * 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
.navbar-logo {
|
||||
img {
|
||||
max-height: 100px;
|
||||
transition: $transition-time * 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
transition: $transition-time;
|
||||
top: -200px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.3rem;
|
||||
display: inline;
|
||||
margin: $gutter-width;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
border-radius: 0 0 $border-radius $border-radius;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
padding: 0 $gutter-width;
|
||||
flex: 1 0 0;
|
||||
min-width: 0;
|
||||
|
||||
@media screen and (min-width: $sm-min) {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
display: none;
|
||||
|
||||
& + label {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-top: $gutter-width;
|
||||
max-width: 35px;
|
||||
max-height: 35px;
|
||||
min-width: 35px;
|
||||
min-height: 35px;
|
||||
|
||||
.toggler {
|
||||
position: relative;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
background-color: transparent;
|
||||
|
||||
.line {
|
||||
height: 4px;
|
||||
width: 35px;
|
||||
background: black;
|
||||
border-radius: 2px;
|
||||
transition: 0.4s;
|
||||
transform-origin: center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.line:nth-child(1) {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.line:nth-child(2) {
|
||||
top: 10px;
|
||||
transition: 0.1s;
|
||||
}
|
||||
|
||||
.line:nth-child(3) {
|
||||
top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked+.hamburger .line:nth-child(1) {
|
||||
transform: translateY(10px) rotate(-45deg);
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked+.hamburger .line:nth-child(2) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked+.hamburger .line:nth-child(3) {
|
||||
transform: translateY(-10px) rotate(45deg);
|
||||
}
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked ~ .navbar-container nav {
|
||||
ul {
|
||||
@include menu-list(column);
|
||||
|
||||
li {
|
||||
text-align: right;
|
||||
flex: 0 0 0;
|
||||
margin: $gutter-width 0;
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
|
||||
a {
|
||||
&:active,
|
||||
&:hover {
|
||||
color: darken($primary-color, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-container {
|
||||
margin-top: auto;
|
||||
min-width: 0;
|
||||
height: 100%;
|
||||
|
||||
nav {
|
||||
height: 100%;
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
ul {
|
||||
@include menu-list(row);
|
||||
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
||||
li {
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: $sm-min) {
|
||||
input[type=checkbox] {
|
||||
display: none;
|
||||
|
||||
& + label {
|
||||
display: none;
|
||||
|
||||
.line {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul:last-child {
|
||||
li {
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
#content {
|
||||
#index-hero {
|
||||
.hero-container {
|
||||
text-align: center;
|
||||
|
||||
img.hero {
|
||||
margin: 0.5rem auto 0;
|
||||
max-width: 150px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header,
|
||||
div.content {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#index-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#index-short-contact {
|
||||
font-size: 1.1rem;
|
||||
align-items: flex-start;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border-radius: $border-radius;
|
||||
margin: calc(100vh - 280px) -$half-gutter-width 0 auto;
|
||||
padding: $half-gutter-width $gutter-width;
|
||||
overflow: hidden;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
|
||||
li {
|
||||
margin: 0.5rem $gutter-width;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#index-contact {
|
||||
.padding {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
#index-gallery {
|
||||
figure {
|
||||
text-align: center;
|
||||
|
||||
figcaption {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
#list {
|
||||
footer {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -15,14 +15,11 @@
|
|||
@mixin menu-list($direction) {
|
||||
& {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: #{$direction};
|
||||
|
||||
li {
|
||||
flex: 0 0 auto;
|
||||
margin: 0 $gutter-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,58 +0,0 @@
|
|||
#single {
|
||||
.single-footer {
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.featured {
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
float: left;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
& + p {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
float: none;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
float: none;
|
||||
font-style: italic;
|
||||
|
||||
cite {
|
||||
font-size: 0.8em;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.catalog {
|
||||
p {
|
||||
font-size: 1.2rem;
|
||||
&.material {
|
||||
font-weight: bold
|
||||
}
|
||||
&.type {
|
||||
font-style: italic;
|
||||
}
|
||||
&.article-id {
|
||||
font-size: 1rem;
|
||||
}
|
||||
&.offer {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -12,12 +12,5 @@
|
|||
@import "_fonts.scss";
|
||||
@import "_mixins.scss";
|
||||
@import "_flexgrid.scss";
|
||||
@import "_grid.scss";
|
||||
@import "_header.scss";
|
||||
@import "_footer.scss";
|
||||
@import "_list.scss";
|
||||
@import "_single.scss";
|
||||
@import "_index.scss";
|
||||
@import "_app.scss";
|
||||
@import "_lightbox.scss";
|
||||
@import "_content.scss";
|
||||
@import "_banner.scss";
|
||||
|
|
@ -60,6 +60,7 @@ export default {
|
|||
getWidth() {
|
||||
let el = this.$el.parentElement || 0
|
||||
if (el) {
|
||||
console.log(el.offsetWidth)
|
||||
return el.offsetWidth
|
||||
}
|
||||
return 0
|
||||
|
|
@ -147,6 +148,8 @@ export default {
|
|||
setCanvasSize() {
|
||||
this.renderer.setSize(this.getWidth(), this.getHeight())
|
||||
this.camera.aspepct = this.getAspectRatio()
|
||||
this.camera.updateProjectionMatrix()
|
||||
this.render()
|
||||
},
|
||||
render() {
|
||||
this.renderer.render(this.scene, this.camera)
|
||||
|
|
|
|||
Loading…
Reference in New Issue