replace `paywall' with `cookiebar'

This commit is contained in:
Astro 2015-12-17 20:59:36 +01:00
parent f45646419b
commit 3bc665b203
4 changed files with 55 additions and 62 deletions

View File

@ -0,0 +1,14 @@
if (!window.localStorage.cookiebarHidden) {
var el = $("<aside class='cookiebar'><p class='close' title='Für immer verstecken'>✖</p><h2>Wir setzen eigentlich keine Cookies,</h2><p> aber der C3D2 braucht mehr regelmäßige <a href='news/20150825-spendenaufruf.html'>Spenden…</a></p></article></aside>")
el.find('.close').click(function() {
window.localStorage.cookiebarHidden = true
el.removeClass('show')
setTimeout(function() {
el.remove()
}, 500)
})
$('body').prepend(el)
setTimeout(function() {
el.addClass('show')
}, 1000)
}

View File

@ -1,10 +0,0 @@
var el = $("<aside class='lightbox'><article><h2>Wir brauchen Deine Hilfe!</h2><p>Der C3D2 kämpft für das Überleben unseres Hackspaces. Wir brauchen mehr regelmäßige Spenden. <a href='news/20150825-spendenaufruf.html'>Mehr erfahren...</a></p><button class='green paywall_donate'>Ich möchte mit einer regelmäßigen Spende helfen!</button><button class='green paywall_skip'>Ich habe den Dauerauftrag bereits eingerichtet.</button><button class='red paywall_skip'>Nö, weiter!</button><p class='hint'>We do not store your data.</p></article></aside>")
el.find('.paywall_donate').click(function() {
document.location = "unterstuetzen.html"
})
el.find('.paywall_skip').click(function() {
el.fadeOut(300, function() {
el.remove()
})
})
$('body').append(el)

View File

@ -860,53 +860,7 @@ p.center {
text-align: center;
}
/* Paywall */
.lightbox {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
}
.lightbox article {
margin: 4em auto;
padding: 2em;
background-color: white;
border-radius: 2em;
max-width: 30em;
}
.lightbox h2 {
text-align: center;
}
.lightbox p {
margin: 2em 0;
}
.lightbox .hint {
text-align: center;
font-style: italic;
}
.lightbox button {
display: block;
width: 100%;
margin: 0.5em 0;
font-size: 120%;
color: white;
border: 1px solid black;
border-radius: 4px;
cursor: pointer;
}
.lightbox button.green {
background-color: #2a2;
}
.lightbox button.red {
background-color: #c22;
}
.hidden[aria-hidden] {
display: none;
}
@ -930,4 +884,41 @@ h3 + div {
}
#paypal-button {
margin: 1ex;
}
}
/* -- Cookiebar -- */
.cookiebar {
color: black;
background-color: #ffffcc;
border-bottom: 0.05rem solid black;
margin: 0;
margin-top: -1.6rem;
padding: 0.2rem 0.1rem 0.1rem 0.2rem;
transition: margin-top 0.3s ease-in;
height: 1.4rem;
}
.cookiebar.show {
margin-top: 0;
transition: margin-top 0.5s ease-out;
}
.cookiebar .close {
float: right;
cursor: pointer;
font-size: 100%;
color: #777;
margin: 0;
}
.cookiebar .close:hover {
color: #333;
}
.cookiebar h2, .cookiebar p {
display: inline;
margin: 0;
font-size: 80%;
line-height: 1rem;
font-weight: medium;
}
.cookiebar h2 {
font-size: 100%;
}

View File

@ -63,11 +63,9 @@
<xsl:call-template name="make-script-tag">
<xsl:with-param name="name" select="'bitlove-enclosures'"/>
</xsl:call-template>
<xsl:if test="/page/portal">
<xsl:call-template name="make-script-tag">
<xsl:with-param name="name" select="'paywall'"/>
</xsl:call-template>
</xsl:if>
<xsl:call-template name="make-script-tag">
<xsl:with-param name="name" select="'cookiebar'"/>
</xsl:call-template>
</xsl:template>