diff --git a/vcm/css/collapse.css b/vcm/css/collapse.css index 3cf1a698a115d3b2f8f87120ddbe37190bef61f7..1155352c6eda216806998aa2a6afe75de0fb336e 100644 --- a/vcm/css/collapse.css +++ b/vcm/css/collapse.css @@ -1,5 +1,5 @@ .collapsible { - background-color: #777; + background-color: #121212; color: white; cursor: pointer; padding: 18px; diff --git a/vcm/css/menu.css b/vcm/css/menu.css index fe07a59c6ea75586d3e8a0f13281697f429a53f2..9210c5a8cd7464ef55a3f6b7bc0141fda0503bf5 100644 --- a/vcm/css/menu.css +++ b/vcm/css/menu.css @@ -77,7 +77,15 @@ cursor: pointer; } #tourstart-btn, #balloon-startscreen{ - box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); + /* box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); */ + /* box-shadow: + 0 2.8px 2.2px rgba(0, 0, 0, 0.034), + 0 6.7px 5.3px rgba(0, 0, 0, 0.048), + 0 12.5px 10px rgba(0, 0, 0, 0.06), + 0 22.3px 17.9px rgba(0, 0, 0, 0.072), + 0 41.8px 33.4px rgba(0, 0, 0, 0.086), + 0 100px 80px rgba(0, 0, 0, 0.12) + ; */ } .btn-three{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); @@ -215,4 +223,54 @@ .btn_size{ padding: 7px !important; + } + + .subcontent{ + padding:0px !important; + } + + .column3 { + float: left; + width: 33.33%; + padding: 10px; + position: relative; + text-align: center; + color: white; + /* height: 350px; Should be removed. Only for demonstration */ + } + .top-left { + position: absolute; + top: 8px; + /* left: 16px; */ + background-color: #121212; + padding: 4px; + padding-left: 7px; + padding-right: 7px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + font-family: 'Roboto', sans-serif; + font-weight:500; + } + + .imagecol3{ + /* border-color:#121212; */ + border-width: 2px; + border-radius:4px; + border:solid #121212 ; + } + #colum_projects1{ + + } + #colum_projects2{ + + } + #colum_projects3{ + + } + + /* Clear floats after the columns */ + .row3:after { + content: ""; + display: table; + clear: both; } \ No newline at end of file diff --git a/vcm/css/vcm.css b/vcm/css/vcm.css index f49da094a67394e5638280aea93b29f5ee61a5c0..0032a4b4530c189cde1f0433011ffadf15c1f108 100644 --- a/vcm/css/vcm.css +++ b/vcm/css/vcm.css @@ -771,7 +771,7 @@ img.scale { padding: .5rem; margin: .25rem 0; text-align: left; - color: #000000; + color: #121212; } .message-wrap .message-btn { margin-right: .2rem; diff --git a/vcm/css/vcm_info.css b/vcm/css/vcm_info.css index 5845ef013514d44394a6844624629182437462ab..20f48fc9701bdbbd59000b3dcad8258ccc1ecf35 100644 --- a/vcm/css/vcm_info.css +++ b/vcm/css/vcm_info.css @@ -39,7 +39,7 @@ body { } h1, h2, h3{ - font-family: Arial, sans-serif; + font-family: 'Roboto',Arial, sans-serif; font-weight: bold; color: #333; margin: 0; diff --git a/vcm/images/projects/bockinger1.png b/vcm/images/projects/bockinger1.png new file mode 100644 index 0000000000000000000000000000000000000000..2371578858e2b17a325a175a7751f40d38979093 Binary files /dev/null and b/vcm/images/projects/bockinger1.png differ diff --git a/vcm/images/projects/noise1.png b/vcm/images/projects/noise1.png new file mode 100644 index 0000000000000000000000000000000000000000..e74631a84fbec0b685a4a4b7d639c61eaa64bcfc Binary files /dev/null and b/vcm/images/projects/noise1.png differ diff --git a/vcm/images/projects/nordbahn1.png b/vcm/images/projects/nordbahn1.png new file mode 100644 index 0000000000000000000000000000000000000000..0b37556b7860ab8a7758208c972044352ff461a5 Binary files /dev/null and b/vcm/images/projects/nordbahn1.png differ diff --git a/vcm/index.html b/vcm/index.html index 3ef3f07f2081e04bc8e451b0cdf56d5a918c68a5..74d6e491a6a2c16106814b74344306fcbdde2f6a 100644 --- a/vcm/index.html +++ b/vcm/index.html @@ -283,9 +283,9 @@
Böckingerstraße - Nordbahnhof - Akkustik Projekt - Experten Modus + Nordbahnhof + Akkustik Projekt + Experten Modus
@@ -339,8 +339,8 @@
@@ -369,8 +369,8 @@
-
-

Energy Project Stöckach

+
+

Energy Project Stöckach

In this study, we have evaluated multiple local energy system scenarios to find the optimal energy system design concepts for the” future” EnBW-Areal. In this study,
• we developed a 3D CityGML model for the EnBW-Areal and along with other calculation tools, estimated the electricity, heat, and hot water related energy demand profiles for the neighborhood. @@ -379,8 +379,8 @@

-
-

The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively.

+
+

The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively.

@@ -417,22 +417,22 @@
-
+
-
-

The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail.

+
+

The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail.

-
-

High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat.
+

+

High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat.
It is more economically feasible to schedule the heat pump operation to supply the base-load heating and hot water demand. That increases the utilization of heat pump capacity, and therefore the rate of return on the investment.
Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.

@@ -447,16 +447,16 @@
-
-

Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.

+
+

Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.

-
-

The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly.

+
+

The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly.

-
-

The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis.
+

+

The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis.
We see at the system level; the local energy transition has a positive outlook. Some of the scenarios that we looked at recovered their total investment within the first 8 years.

@@ -471,7 +471,7 @@
-
+

Nordbahnhof

@@ -482,8 +482,8 @@

-

Specific Space Heating Demand

-

The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.


+

Specific Space Heating Demand

+

The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.



@@ -510,30 +510,30 @@
- Lärmkarten:
- Straße
+ Lärmkarten:
+ Straße

- Bahn
+ Bahn
-
Flughafen
+
Flughafen
-
Kombiniert
+
Kombiniert


- Noise Sensors (Live):
+ Noise Sensors (Live):


- Noise Sensors (historisch):
-
+ Noise Sensors (historisch):
+

Lärmsensoren aus dem Luftdaten.info Projekt


@@ -543,7 +543,7 @@ - anzeigen + anzeigen

- Überblick Sensor + Überblick Sensor
- Genauere Sensordaten (LAeq) + Genauere Sensordaten (LAeq)
- Da der Sensor in UTC format die Zeit misst wird hier keine Unterscheidung zwischen Sommer und Winterzeit gemacht. +

Da der Sensor in UTC format die Zeit misst wird hier keine Unterscheidung zwischen Sommer und Winterzeit gemacht.

Unsere Projekte

-
-
-

Böckinger Straße

- Snow +
+
+

Böckinger Straße

+ Snow
-
-

Nordbahnhof

- Forest +
+

Nordbahnhof

+ Forest
-
-

Akkustik Projekt

- Mountains +
+

Akkustik Projekt

+ Mountains
@@ -702,8 +702,8 @@ gemeinsam mit Bewohnern und Nachbarn.


Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere gesamte Woche in der Böckinger Straße.


-

@les_stuttgart

-

#ibasummerschool2019 #howtocommons #experiment

+

@les_stuttgart

+

#ibasummerschool2019 #howtocommons #experiment

@@ -726,7 +726,7 @@
@@ -772,8 +772,8 @@ gemeinsam mit Bewohnern und Nachbarn.


Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere gesamte Woche in der Böckinger Straße.


-

@les_stuttgart

-

#ibasummerschool2019 #howtocommons #experiment

+

@les_stuttgart

+

#ibasummerschool2019 #howtocommons #experiment

@@ -792,7 +792,7 @@
-

The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively.

+

The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively.

@@ -829,22 +829,22 @@
-
+
-

The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail.

+

The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail.

-

High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat.
+

High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat.
It is more economically feasible to schedule the heat pump operation to supply the base-load heating and hot water demand. That increases the utilization of heat pump capacity, and therefore the rate of return on the investment.
Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.

@@ -860,15 +860,15 @@
-

Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.

+

Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.

-

The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly.

+

The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly.

-

The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis.
+

The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis.
We see at the system level; the local energy transition has a positive outlook. Some of the scenarios that we looked at recovered their total investment within the first 8 years.

@@ -895,8 +895,8 @@

-

Specific Space Heating Demand

-

The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.


+

Specific Space Heating Demand

+

The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.



@@ -924,11 +924,11 @@
-->

Lärmdaten aus Stuttgart


-

Kombinierte Lärmkarten (Auto, Bahn, Flughafen)


+

Kombinierte Lärmkarten (Auto, Bahn, Flughafen)




-

Lärmsensoren aus dem Luftdaten.info Projekt


+

Lärmsensoren aus dem Luftdaten.info Projekt


- anzeigen + anzeigen

- Überblick Sensor + Überblick Sensor
- Genauere Sensordaten (LAeq) + Genauere Sensordaten (LAeq)
- Da der Sensor in UTC format die Zeit misst wird hier keine Unterscheidung zwischen Sommer und Winterzeit gemacht. +

Da der Sensor in UTC format die Zeit misst wird hier keine Unterscheidung zwischen Sommer und Winterzeit gemacht.

diff --git a/vcm/sources/nouislider.css b/vcm/sources/nouislider.css index fffd3410f05290dd6a8f4e1be6e298bb17b3b8df..ad860ffb972f21b01fcd5d906e4c6462ab8b1f44 100644 --- a/vcm/sources/nouislider.css +++ b/vcm/sources/nouislider.css @@ -72,10 +72,14 @@ -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; + border-radius: 10px; } .noUi-touch-area { height: 100%; width: 100%; + border-radius:10px; + background-color: #121212; + } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { @@ -134,7 +138,7 @@ } .noUi-handle { border: 1px solid #D9D9D9; - border-radius: 3px; + border-radius: 10px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; diff --git a/vcm/templates/cus_Menu.css b/vcm/templates/cus_Menu.css index 802f2766e4510f1951f50b3b8cef69475c7b9985..db9cc1e73494cf86d890c987e9623c349b9a2b18 100644 --- a/vcm/templates/cus_Menu.css +++ b/vcm/templates/cus_Menu.css @@ -20,7 +20,7 @@ border: solid white; border-width: thin; display: block; - background-color:#000000; + background-color:#121212; color: white; cursor: pointer; padding: 11px; diff --git a/vcm/templates/cus_Menu.js b/vcm/templates/cus_Menu.js index a633d01dc308b0de2ea36f84e88edf20eb5dacb1..20bd8d18c9a6d1054fabeff5da4487375a556df3 100644 --- a/vcm/templates/cus_Menu.js +++ b/vcm/templates/cus_Menu.js @@ -135,27 +135,7 @@ function addcont(content){ ''+ ''+ '
'+ - '
'+ - ''+ - '
'+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - ''+ - '
' + '
' var heatdem = '
' @@ -167,13 +147,14 @@ function addcont(content){ "
"+ "Ist Zustand"+ "

"+ - "
"+ + "
"+ "

Highlight          

"+ ""+ ""+ + ""+ "
"+ "
"+ - "
"+ + "
"+ "

EnergyDemand

"+ ""+ ""+ @@ -256,13 +237,16 @@ var slideId = ["mySlides1", "mySlides2"] } - function showSlides(n, no) { - var i; - var x = document.getElementsByClassName(slideId[no]); - if (n > x.length) {slideIndex[no] = 1} - if (n < 1) {slideIndex[no] = x.length} - for (i = 0; i < x.length; i++) { - x[i].style.display = "none"; - } - x[slideIndex[no]-1].style.display = "block"; - } \ No newline at end of file +function showSlides(n, no) { + var i; + var x = document.getElementsByClassName(slideId[no]); + if (n > x.length) {slideIndex[no] = 1} + if (n < 1) {slideIndex[no] = x.length} + for (i = 0; i < x.length; i++) { + x[i].style.display = "none"; + } + x[slideIndex[no]-1].style.display = "block"; +} +function currentSlide(n) { + showSlides(n, 0); +} \ No newline at end of file diff --git a/vcm/templates/custom.css b/vcm/templates/custom.css index 2d843f7bec3b047a208d73d856ca177181de812c..f7709ba89a39c72a5348f9ea4c7926a1f8125ce1 100644 --- a/vcm/templates/custom.css +++ b/vcm/templates/custom.css @@ -1,6 +1,6 @@ /* Border Colors of the header */ .vcm-border-splash{ - border-color: #000000; + border-color: #121212; } @@ -10,11 +10,11 @@ .vcm-btn-base-splash-focus:focus, .vcm-btn-base-splash-hover.active, .vcm-btn-base-splash-hover.selected{ - background-color: #000000; + background-color: #121212; } .vcm-btn-base-splash-hover:hover, .vcm-btn-base-splash-active:hover{ - background-color: #000000; + background-color: #121212; } .vcm-font-splash, .vcm-btn-font-splash, @@ -22,13 +22,13 @@ .vcm-btn-font-splash-hover.active, .vcm-btn-icon-font-splash-hover:hover, .vcm-btn-icon-font-splash-hover.active{ - color: #000000; + color: #121212; } /* Header Background Color */ .vcm-header-base { - background-color: #000000; + background-color: #121212; /* height: 3.5rem; */ } @@ -140,7 +140,7 @@ /* Caption text */ .text { color: #f2f2f2; - background-color: #000000; + background-color: #121212; font-size: 15px; padding: 8px 12px; position: absolute; @@ -206,6 +206,7 @@ h1{ font-family: "Roboto", Arial !important; font-weight: 700 !important; + font-size: x-large; } h2{ font-family: "Roboto", Arial !important; @@ -218,7 +219,11 @@ h3{ .SideInfo{ margin:1em; } - +#SvgjsText1010{ + font-family: "Roboto", Arial !important; + font-weight: 500 !important; + font-size: 18.72px; +} .contentOne{ font-family: "Roboto", Arial; @@ -263,7 +268,7 @@ h1.sticky { font-size: 20px; padding:5px; padding-bottom:15px; - background-color: white; + /* background-color: white; */ z-index: 99; } @@ -296,11 +301,13 @@ div.tour-top-navi { .box-1 { background-color: #FF6766; } .box-2 { background-color: #3C3C3C; } .box-3 { - background-color: #3C3C3C;; + /* background-color: #3C3C3C;; */ width: 100%; display: flex; align-items: center; - justify-content: center;} + margin-left: 0.5em; + /* justify-content: center; */ +} .btn { line-height: 50px; @@ -314,16 +321,21 @@ div.tour-top-navi { - +.btn_standard_settings{ + font-weight:500; + font-style: 'Roboto', sans-serif; +} .btn-three { color: #ffffff; + background-color: #3C3C3C; transition: all 0.5s; position: relative; margin: 5px; + width:50%; } .btn-three::before { content: ''; @@ -379,13 +391,20 @@ div.tour-top-navi { } .switch { - width: 180px; + /* width: 180px; height: 55px; position: relative; margin-top: 5px !important; margin-bottom: 5px !important; margin-left: 20px !important; - margin-right: 10px !important; + margin-right: 10px !important; */ + width: 60px; + height: 20px; + position: relative; + margin-top: 15px !important; + margin-bottom: 4px !important; + margin-left: 20px !important; + margin-right: 10px !important; } .switch label { @@ -403,11 +422,11 @@ div.tour-top-navi { .switch input ~ label i { display: block; - height: 51px; - width: 51px; + height: 20px; + width: 20px; position: absolute; - left: 2px; - top: 2px; + /* left: 2px; + top: 2px; */ z-index: 2; border-radius: inherit; background: #283446; /* Fallback */ @@ -415,14 +434,28 @@ div.tour-top-navi { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 0 8px rgba(0,0,0,0.3), 0 12px 12px rgba(0,0,0,0.4); -webkit-transition: all .5s ease; transition: all .5s ease; + + /* display: block; + height: 20px; + width: 20px; + position: absolute; */ + /* left: 2px; */ + /* top: 2px; */ + /* z-index: 2; + border-radius: inherit; + background: #283446; + background: linear-gradient(#36455b, #283446); + box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 0 8px rgb(0 0 0 / 30%), 0 12px 12px rgb(0 0 0 / 40%); + -webkit-transition: all .5s ease; + transition: all .5s ease; */ } .switch label + span { content: ""; display: inline-block; position: absolute; - right: 0px; - top: 17px; + right: -9px; + top: 0px; width: 18px; height: 18px; border-radius: 10px; diff --git a/vcm/templates/custom.js b/vcm/templates/custom.js index 066fa0e6fdc094beb3f7378d6a57fac5423604cc..3bafbaaebbd26f6476fef4faf75aee42b9d0a485 100644 --- a/vcm/templates/custom.js +++ b/vcm/templates/custom.js @@ -402,15 +402,17 @@ function NordbahnhofText() { } -function NoiseText() { - // document.getElementById("projektOne").style.display = "none"; - // document.getElementById("Energiekonzept").style.display = "none"; - // document.getElementById("UmfrageOne").style.display = "none"; - // document.getElementById("Navigation").style.display = "none"; - // document.getElementById("NordbahnhofInfo").style.display = "none"; - // document.getElementById("NoiseInfo").style.display = "block"; - // document.getElementById("IntroProj").style.display = "none"; - // document.getElementById("Expertenmodus").style.display = "none"; +function NoiseText(proj) { + if (proj == true){ + document.getElementById("projektOne").style.display = "none"; + document.getElementById("Energiekonzept").style.display = "none"; + document.getElementById("UmfrageOne").style.display = "none"; + document.getElementById("Navigation").style.display = "none"; + document.getElementById("NordbahnhofInfo").style.display = "none"; + document.getElementById("NoiseInfo").style.display = "block"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "none"; + } showTour(); var viewp = vcs.vcm.Framework.getInstance().viewpoints.NoiseView diff --git a/vcm/templates/sliders.css b/vcm/templates/sliders.css index 62a65fd4dab35363a060243c54001ddda22a3c1f..cd56d3d532a5040ec26353724d47c8654ccfecbf 100644 --- a/vcm/templates/sliders.css +++ b/vcm/templates/sliders.css @@ -12,18 +12,33 @@ } .One{ + border-width: 2px; + border-radius:4px; + border:solid #121212 ; background-color: #38943d; } .Two{ + border-width: 2px; + border-radius:4px; + border:solid #121212 ; background-color: #699438; } .Three{ + border-width: 2px; + border-radius:4px; + border:solid #121212 ; background-color: #d0d40b; } .Four{ + border-width: 2px; + border-radius:4px; + border:solid #121212 ; background-color: #db6f09; } .Five{ + border-width: 2px; + border-radius:4px; + border:solid #121212 ; background-color: #ad0202; } @@ -42,12 +57,14 @@ } .my-legend .legend-scale ul li { font-size: 100%; + color:#121212; list-style: none; margin-left: 0; line-height: 30px; width:150px; margin-bottom: 2px; font-weight: bold; + padding-left:5px; } .my-legend ul.legend-labels li span { display: block; diff --git a/vcm/templates/story/story.css b/vcm/templates/story/story.css index d7a87158225e1bd13cf07f2501edc42f98ac6af3..a3d111aaf5497663a4e7762595f6b6a17bcacb2c 100644 --- a/vcm/templates/story/story.css +++ b/vcm/templates/story/story.css @@ -18,29 +18,29 @@ p { /* Border Header */ header{ - border-bottom-color: #000000; + border-bottom-color: #121212; } .buttonset.one{ - background-color: #000000; + background-color: #121212; } .buttonset.one:hover{ background-color: #5e5e5e; } .buttonset.two{ - background-color: #000000; + background-color: #121212; } .buttonset.two:hover{ background-color: #5e5e5e; } h1{ - color: #000000; + color: #121212; } h2{ - color: black; + color: #121212; } .divider{ - background: #000000; + background: #121212; } /*Hintergrundfarbe Aktive Storyelemente*/ @@ -51,13 +51,13 @@ h2{ /* Balloon Login Screen*/ .balloon.teaser-balloon h1{ - color: #595f3c; + color: #121212; } .balloon { - border: 5px solid #000000; + border: 5px solid #121212; } .balloon:before { - border-color: #000000 transparent; + border-color: #121212 transparent; } /*Hintergrundbild Startscreen*/ #story-frame.startscreen{ @@ -287,7 +287,7 @@ div.title-fill { display: block; position: absolute; left: -31px; - background-color: #000000; + background-color: #121212; top: 1em; padding:.45rem .55rem; }