bibliofreak.ch

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="keywords" content="bibliofreak bibliothek biblioth猫que biblioteca"/> <meta name="description" content="bibliofreak Imagekampagne f眉r Bibliotheken in der Schweiz, campagne nationale en faveur des biblioth猫que, campagna nazionale per bibliotheche"/> <link media="all" type="text/css" rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css"> <link media="all" type="text/css" rel="stylesheet" href="/assets/css/layout.css"> <link media="all" type="text/css" rel="stylesheet" href="/assets/css/styles.css"> <link media="all" type="text/css" rel="stylesheet" href="/assets/font/MyFontsWebfontsKit.css"> <script src="/assets/js/jquery-1.11.1.min.js"></script> <script src="/assets/bootstrap/js/bootstrap.min.js"></script> <script src="/assets/js/typed.js"></script>  <title>bibliofreak.ch</title> </head> <body> <div id="body-inner-wrapper"> <div id="navigation"> <div class="nav-main-wrapper clearfix"> <div id="nav-main" class="clearfix"> <ul class=" nav navbar-nav navbar-right "> <li class="menu-item "> <a href="/">Home</a> </li><li class="menu-item "> <a href="/page/hilfe">Kampagne</a> </li><li class="menu-item "> <a href="/library">F眉r Bibliotheken</a> </li><li class="menu-item "> <a href="/news">News</a> </li><li class="menu-item "> <a href="/page/downloads">Downloads</a> </li><li class="menu-item "> <a href="/page/Medien">Medien</a> </li><li class="menu-item "> <a href="http://shop.bibliofreak.ch/">Shop</a> </li><li class="menu-item "> <a href="http://deinbild.bibliofreak.ch/">DeinBild</a> </li><li class="menu-item "> <a href="/contact">Kontakt</a> </li></ul> <ul class="nav navbar-nav languages"> <li><a href="/language/de">de</a></li> <li><a href="/language/fr">fr</a></li> <li><a href="/language/it">it</a></li> <li style="display: none"><a href="/language/en">en</a></li> </ul> </div> </div> </div> <div id="page-wrapper"> <div id="header" class="container"> <nav class="navbar" role="navigation"> <div class="container"> <div class="navbar-header"> <a href="/"><img src="/assets/images/logo.png" class="navbar-brand" alt="bibliofreak.ch"></a> </div> <div class="nav-toggle show-on-979">Men眉</div> </div> </nav> </div> <div id="main" class="container"> <link media="all" type="text/css" rel="stylesheet" href="/assets/css/jquery.Jcrop.min.css"> <script src="/assets/js/jquery.fileuploadmulti.min.js"></script> <script src="/assets/js/jquery.Jcrop.min.js"></script> <script src="/assets/js/freakpost.js"></script> <div id="post-create"> <div id="choose-avatar" class="box-red-white-outer hide clearfix"> <div class="choose-avatar-inner-wrapper box-red-white-inner clearfix"> <div class="choose-avatar-inner-wrapper-2"> <a href="/post/create" onclick="$('#choose-avatar').addClass('hide'); return false;" class="button-close" id="choose-avatar-toggle-close"> </a> <div class="heading"><span class="heading-inner-wrapper"><span class="red">Bild</span>auswahl</span></div> <div class="avatars-default clearfix"> <div class="radio-button first"> <input id="avatar-1" name="avatar" type="radio" value="1"> <label class="imagereplace" for="avatar-1">Ausw盲hlen</label> <label class="caption" for="avatar-1"> <div class="shadow"></div> <div class="image"> <img src="/assets/images/layout-post-create-avatar-1.png" class="imagereplace" alt=""> </div> </label> </div> <div class="radio-button clearfix"> <input id="avatar-2" name="avatar" type="radio" value="2"> <label class="imagereplace" for="avatar-2">Ausw盲hlen</label> <label class="caption" for="avatar-2"> <div class="shadow"></div> <div class="image"> <img src="/assets/images/layout-post-create-avatar-2.png" class="imagereplace" alt=""> </div> </label> </div> <div class="radio-button clearfix"> <input id="avatar-3" name="avatar" type="radio" value="3"> <label class="imagereplace" for="avatar-3">Ausw盲hlen</label> <label class="caption" for="avatar-3"> <div class="shadow"></div> <div class="image"> <img src="/assets/images/layout-post-create-avatar-3.png" class="imagereplace" alt=""> </div> </label> </div> <div class="radio-button clearfix"> <input id="avatar-4" name="avatar" type="radio" value="4"> <label class="imagereplace" for="avatar-4">Ausw盲hlen</label> <label class="caption" for="avatar-4"> <div class="shadow"></div> <div class="image"> <img src="/assets/images/layout-post-create-avatar-4.png" class="imagereplace" alt=""> </div> </label> </div> <div class="radio-button clearfix"> <input id="avatar-5" name="avatar" type="radio" value="5"> <label class="imagereplace" for="avatar-5">Ausw盲hlen</label> <label class="caption" for="avatar-5"> <div class="shadow"></div> <div class="image"> <img src="/assets/images/layout-post-create-avatar-5.png" class="imagereplace" alt=""> </div> </label> </div> </div> <div class="separator"><span>oder</span></div> <div class="upload-avatar clearfix"> <div class="preview left" id="preview"> <div class="shadow"></div> <div class="image">  <img src="/assets/images/layout-post-create-upload-preview.png" class="imagereplace" alt=""> <p>Vorschau</p> </div> </div> <div class="right"> <p class="heading">Ein Foto von dir hinzuf眉gen</p> <p class="body">Durchsuche deine Festplatte nach einem eigenen Bild.</p> <button class="button" id="loadimage">Bild hochladen</button> </div> </div> <div class="submit-choice"> <button class="button" id="chooseavatar">Anwenden</button> </div> </div> </div> <div id="coords" class="coords hidden"> <div id="coords_inner"></div> <form method="POST" action="http://bibliofreak.ch/post/resize" accept-charset="UTF-8" id="coords_form"><input name="_token" type="hidden" value="2Dez3eKq8dMG9EUkyfKfs6S1bIojOfxaJfU1ksIQ"> <input id="logoname" name="logoname" type="hidden"> <input id="coords_x" name="coords-x" type="hidden" value="0"> <input id="coords_y" name="coords-y" type="hidden" value="0"> <input id="coords_w" name="coords-w" type="hidden" value="186"> <input id="coords_h" name="coords-h" type="hidden" value="186"> <input class="button" type="submit" value="Zuschneiden"> </form> </div> <script type="text/javascript"> $(document).ready(function() {/* http://bibliofreak.ch */ var settings = { url: '/post/upload', allowedTypes: 'jpeg,jpg,png,gif', fileName: 'logo', showCancel: false, showAbort: false, showDone: false, showDelete: false, showFileCounter: false, onSelect:function() { $('#loadimage').hide(); }, onSuccess:function(files, data, xhr) { $('#coords').removeClass('hidden'); $('#coords_inner').append('<img src="http://bibliofreak.ch/uploads/posts/tmp/' + data + '" id="target" />'); $('#tmp_logo_name').val(data); $('#logoname').val(data); $('#loadimage').show(); $('.upload-statusbar .upload-progress').hide(); $('html, body').animate({ scrollTop: 0 }, 'slow'); $('#target').Jcrop({ aspectRatio: 1, setSelect: [150, 150, 50, 50], onSelect: updateCoords }); }, onError:function(files,status,errMsg,pd) { alert(errMsg); } } var uploadFile = $("#loadimage").uploadFile(settings); $("#loadimage").click(function(){ $('.upload input[type=file]').first().click(); return false; }); $('#coords_form').submit(function() { var frm = $(this); $.ajax({ url: frm.attr('action'), type: frm.attr('method'), data: frm.serialize(), success: function (data) { $('#preview .image').html('<img src="http://bibliofreak.ch/uploads/posts/tmp/' + data + '" style="width: 117px; margin-top: 0;" />'); $('#preview').addClass('chosen'); $('input[name=avatar]').removeAttr('checked'); $('#coords').addClass('hidden'); $('#loadimage').hide(); $('#target, .jcrop-holder').remove(); } }); return false; }); $('#chooseavatar').click(function() { if($('input[name=avatar]').filter(':checked').val()) { $('#avatar').val($('input[name=avatar]').filter(':checked').val()); $('#profileimage').attr('src', 'http://bibliofreak.ch/assets/images/layout-post-create-avatar-' + $('#avatar').val() + '.png'); $('#profileimage').css({width: 184}); } else { $('#profileimage').attr('src', $('#preview img').attr('src')); } $('#choose-avatar').addClass('hide'); return false; }); }); function updateCoords(c) { $('#coords_x').val(c.x); $('#coords_y').val(c.y); $('#coords_w').val(c.w); $('#coords_h').val(c.h); }; </script> </div> <div class="article col-md-12 post-your-freak-main"> <div class="wrapper"> <div class="header"> <h1><span class="header">Was f眉r ein <span class="red">Freak</span> bist du?</span></h1> </div> </div> <div class="body clearfix"> <div class="user-profile-picture"> <div class="outer"> <div class="inner"> <div id="preview-pane"> <div class="preview-container"> <img src="/assets/images/layout-user-profile-picture-placeholder.png" id="profileimage" alt=""> </div> </div> <div class="button"><a href="/post/create" id="chooseimage"><span>Bildauswahl</span></a></div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $('#chooseimage').click(function() { $('#choose-avatar').removeClass('hide'); return false; }); }); </script> </div> <div class="form"> <div class="freakpost clearfix"> <div class="clearfix"> <form method="POST" action="http://bibliofreak.ch/post" accept-charset="UTF-8" class="clearfix"><input name="_token" type="hidden" value="2Dez3eKq8dMG9EUkyfKfs6S1bIojOfxaJfU1ksIQ"> <input id="tmp_logo_name" name="tmp-logo-name" type="hidden"> <input id="avatar" name="avatar" type="hidden"> <div class="bubble"> <label class="label-before-input" for="freak">Ich bin ein</label>  <div class="control-group "> <input class="form-control input-freak" id="title" placeholder="... z.B. Tattoo" maxlength="20" name="title" type="text"> <div class="input-freak"><span></span></div> </div> <label class="label-after-input" for="freak" class="font-size-h2"><span class="red">Freak</span></label> <div class="textarea-wrapper-lines"> <div class="control-group "> <textarea class="" id="description" rows="2" placeholder="Sag anderen, wof眉r du dich begeisterst und wie dich deine Bibliothek dabei unterst眉tzt." maxlength="1000" name="description" cols="50"></textarea> <div class="description-character-count"><span>0</span> von 1000 Zeichen</div> </div> <script type="text/javascript"> $(document).ready(function() { $('#description').keyup(function() { $('.description-character-count span').html($(this).val().length); }); }); </script> </div> </div> <div class="col-md-12 additional-information"> <div class="left"> <div class="control-group input-wrapper name"> <div class="controls"> <input class="form-control" id="name" placeholder="... dein Name" name="name" type="text"> </div> </div> <div class="control-group input-wrapper library"> <div class="controls"> <input class="form-control" id="query" placeholder="... finde deine Bibliothek" value="" name="query" type="text"> <input id="library_id" name="library-id" type="hidden"> </div> <div id="library_results"> <div class="wrapper"> <div class="header"> Suchergebnis f眉r <span class="red" id="search-string">Bla</span>: </div> <div class="body"> </div> <div class="footer"> <a href="/page/Teilnehmer" class="continue-link" data-library-id="1" data-library-name="Meine Bibliothek">Deine Bibliothek<br><span class="red">nicht dabei?</span></a> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { autocompleteKeyupTimeout = null; $('#query').focus(function() { if(autocompleteKeyupTimeout == null) { if($(this).val().length == 0) { $.ajax({ url: 'http://bibliofreak.ch/library/listbyname', type: 'POST', dataType: 'json', success: function (data) { $('#library_results').show(); $('#library_results ul').remove(); var items = []; $.each(data, function(key, val) { company = val.company.split($('#query').val()).join('<span class="red">'+$('#query').val()+'</span>'); items.push('<li class="clearfix"><a href="/post/create" data-library-id="' + key + '" data-library-name="' + val.company + '"><img src="' + val.logourl + '" /><span class="name">' + company + '</span></a></li>'); }); $('<ul/>', {html: items.join('')}).appendTo('#library_results .body'); $('#search-string').html($('#query').val()); $('#library_results .body a').click(function() { $('#library_id').val($(this).data('library-id')); $('#query').val($(this).data('library-name')); $('#library_results').hide(); $('#library_results ul').remove(); return false; }); } }); } else { $('#library_results').show(1); } } }); $('#query').focusout(function() { $('#library_results').show(1).delay(100).hide(1); }); $('#query').keyup(function() { if(autocompleteKeyupTimeout == null) { autocompleteKeyupTimeout = setTimeout(function(){ $.ajax({ url: 'http://bibliofreak.ch/library/listbyname', type: 'POST', data: $('#query').serialize(), dataType: 'json', success: function (data) { $('#library_results').show(); $('#library_results ul').remove(); var items = []; $.each(data, function(key, val) { company = val.company.split($('#query').val()).join('<span class="red">'+$('#query').val()+'</span>'); items.push('<li class="clearfix"><a href="/post/create" data-library-id="' + key + '" data-library-name="' + val.company + '"><img src="' + val.logourl + '" /><span class="name">' + company + '</span></li>'); }); $('<ul/>', {html: items.join('')}).appendTo('#library_results .body'); $('#search-string').html($('#query').val()); $('#library_results ul li a').click(function() { $('#library_id').val($(this).data('library-id')); $('#query').val($(this).data('library-name')); $('#library_results').hide(); $('#library_results ul').remove(); return false; }); clearTimeout(autocompleteKeyupTimeout); autocompleteKeyupTimeout = null; } }); }, 350); } }); }); </script> </div> <div class="right"> <div class="control-group checkbox"> <input id="allow-post" checked="checked" name="allow-post" type="checkbox" value="1"> <label class="imagereplace control-label" for="allow-post"></label> <label class="caption control-label" for="allow-post">Auch auf unsere Facebook-Seite posten</label> </div> <div class="control-group checkbox"> <input id="agree-terms" name="agree-terms" type="checkbox" value="1"> <label class="imagereplace control-label" for="agree-terms"></label> <label class="caption control-label" for="agree-terms">Ich akzeptiere die <span class="newline"><a href="/page/privacy-policy" target="_blank">Datenschutzbestimmungen</a></span></label> </div> <input class="button" type="submit" value="Jetzt posten"> </div> </div> </form> </div> </div> </div> <div class="info-boxes"> <div class="info-box-rounded"> <div class="header"> <h4><a href="/page/freak">Warum z盲hlt jeder <span class="red">Freak</span>?</a></h4> </div> <div class="body"> Als Biblio<span style="color:#B22222;">Freak</span> zeigst du, was dich begeistert und wie deine Bibliothek dich dabei unterst眉tzt. Das ist wichtig. M枚glichst viele Menschen sollten erfahren, was Bibliotheken alles zu bieten haben. </div> <div class="footer"> <a href="/page/freak">Mehr</a> </div> </div> <div class="info-box-rounded last"> <div class="header"> <h4><a href="/page/helfen">Wie helfe ich meiner <span class="red">Bibliothek</span>?</a></h4> </div> <div class="body"> Unterst眉tze deine lokale Bibliothek, indem du anderen zeigst, was dich interessiert. Welche Rolle spielt die Bibliothek in deinem Leben? </div> <div class="footer"> <a href="/page/helfen">Mehr</a> </div> </div> </div> </div> </div> <div class="section col-md-12 clearfix freaks-full"> <div class="wrapper leather-continued"> <div class="header"> <h2><span class="header">Alle Biblio<span class="red">Freaks</span></span></h2> </div> </div> <div class="body-background-wrapper clearfix"> <div class="body"> <div class="filter clearfix"> <p>Filtern nach:</p> <ul> <li> <a href="/post/create" id="bylibrary">Bibliothek</a> <div id="library_filter"> <div class="wrapper"> <div class="header"> <input type="text" name="query" id="library_filter_query" placeholder="Suche"/> <a href="/post/create" class="close hidden">x</a> </div> <div class="body clearfix"></div> </div> </div> </li> <li> <a href="/post/create" id="byposttitle">Freak</a> <div id="post_filter"> <div class="wrapper"> <div class="header"> <input type="text" name="query" id="post_filter_query"/> <a href="/post/create" class="close hidden">x</a> <button class="btn button">suchen</button> </div> </div> </div> </li> <li> <a href="/post/create" id="bylocation">Ort</a> <div id="location_filter"> <div class="wrapper"> <div class="header"> <input type="text" name="query" id="location_filter_query"/> <a href="/post/create" class="close hidden">x</a> <button class="btn button">suchen</button> </div> </div> </div> </li> </ul> <script type="text/javascript"> $(document).ready(function() { $('#bylibrary').click(function() { $('#post_filter, #location_filter').hide(); $.ajax({ url: 'http://bibliofreak.ch/library/listbyname', type: 'POST', data: $('#library_filter_query').serialize(), dataType: 'json', success: function (data) { $('#library_filter').show(); $('#library_filter ul').remove(); var items = []; $.each(data, function(key, val) { items.push('<li class="clearfix"><a href="/post/create" data-library-id="' + key + '" data-library-name="' + val.company + '"><img src="' + val.logourl + '" /><span class="name">' + val.company + '</span></li>'); }); $('<ul/>', {html: items.join('')}).appendTo('#library_filter .body'); autocompleteKeyupTimeout = null; $('#library_filter_query').keyup(function() { if(autocompleteKeyupTimeout == null) { autocompleteKeyupTimeout = setTimeout(function(){ $.ajax({ url: 'http://bibliofreak.ch/library/listbyname', type: 'POST', data: $('#library_filter_query').serialize(), dataType: 'json', success: function (data) { $('#library_filter ul').remove(); var items = []; $.each(data, function(key, val) { items.push('<li class="clearfix"><a href="/post/create" data-library-id="' + key + '" data-library-name="' + val.company + '"><img src="' + val.logourl + '" /><span class="name">' + val.company + '</span></li>'); }); $('<ul/>', {html: items.join('')}).appendTo('#library_filter .body'); $('#library_filter ul li a').click(function() { $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', data: {bylibraryid: $(this).data('library-id')}, success: function (data) { $('#posts ul').html(data); addLibraryFilter(); } }); $('#library_filter').hide(); $('#library_filter ul').remove(); $('#posts .more').hide(); return false; }); clearTimeout(autocompleteKeyupTimeout); autocompleteKeyupTimeout = null; } }); }, 350); } }); $('#library_filter ul li a').click(function() { var library_name = $(this).data('library-name'); $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', data: {bylibraryid: $(this).data('library-id')}, success: function (data) { $('#posts ul').html(data); $('#library_filter_query').val(library_name); $('#library_filter .close').removeClass('hidden'); addLibraryFilter(); $('#posts .more').hide(); } }); $('#library_filter').hide(); $('#library_filter ul').remove(); return false; }); } }); return false; }); $('#library_filter .close').click(function() { $(this).addClass('hidden'); $('#library_filter_query').val(''); $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', success: function (data) { $('#posts ul').html(data); $('#library_filter').hide(); } }); return false; }); $('#byposttitle').click(function() { $('#library_filter, #location_filter').hide(); $('#post_filter').show(); $('#post_filter .button').click(function() { $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', data: {byposttitle: $('#post_filter_query').val()}, success: function (data) { $('#posts ul').html(data); addLibraryFilter(); $('#post_filter .close').removeClass('hidden'); $('#posts .more').hide(); } }); $('#post_filter').hide(); return false; }); return false; }); $('#post_filter .close').click(function() { $(this).addClass('hidden'); $('#post_filter_query').val(''); $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', success: function (data) { $('#posts ul').html(data); $('#post_filter').hide(); } }); return false; }); $('#bylocation').click(function() { $('#library_filter, #post_filter').hide(); $('#location_filter').show(); $('#location_filter .button').click(function() { $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', data: {bylocation: $('#location_filter_query').val()}, success: function (data) { $('#posts ul').html(data); addLibraryFilter(); $('#location_filter .close').removeClass('hidden'); $('#posts .more').hide(); } }); $('#location_filter').hide(); return false; }); return false; }); $('#location_filter .close').click(function() { $(this).addClass('hidden'); $('#location_filter_query').val(''); $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', success: function (data) { $('#posts ul').html(data); $('#location_filter').hide(); } }); return false; }); }); </script> </div> <div class="freaks" id="posts"> <ul> </ul> <div class="footer more"> <a class="more" href="/post/create">Weitere Biblio<span class="red">Freaks</span> anzeigen</a> </div> <script type="text/javascript"> $(document).ready(function() { var hash = window.location.hash; if(hash == '#posts') hash = ''; $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', data: {fromid: hash.replace('#post_', '')}, success: function (data) { $('#posts ul').append(data); addLibraryFilter(); if($(hash).offset()) { $('html, body').animate({ scrollTop: $(hash).offset().top - 50 }, 1000); } } }); $('#posts .more a').click(function() { var from = $('#posts ul li').length; $.ajax({ url: 'http://bibliofreak.ch/post/loadnextposts', type: 'POST', data: {from: from, fromid: hash.replace('#post_', '')}, success: function (data) { $('#posts ul').append(data); addLibraryFilter(); if($('#posts ul li').length - from < 5) { $('#posts .more').hide(); } } }); return false; }); }); function addLibraryFilter() { /* not used, since user wants on click Biblio-Page open in new Tab $('#posts .library a').click(function() { $.ajax({ url: '@http://bibliofreak.ch/post/loadnextposts', type: 'POST', data: {bylibraryid: $(this).data('library-id')}, success: function (data) { $('#posts ul').html(data); } }); $('#posts .more').hide(); return false; }); */ } </script> </div> </div> </div> </div> </div> </div> <div id="footer"> <nav class="navbar clearfix"> <div class="follow-buttons"> <div> <p>Folge uns auf:</p> <ul> <li> <a href="https://www.facebook.com/pages/BiblioFreakch/490000341135789" target="_blank"> <img src="/assets/images/layout-icon-facebook.png" alt="alt-text"> </a> </li>  </ul> </div> </div> <div id="nav-main" class=""> <ul class="nav navbar-nav navbar-right"> <li class="menu-item keep-on-small-screen"><a href="/page/impressum">Impressum</a></li> </ul> </div> </nav> <a href="/post/create" onclick="$('html, body').animate({ scrollTop: 0 }, 'slow'); return false;" class="to-top"><img src="/assets/images/btn-top-button.png" alt="Goto Top"></a> </div>  <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "http://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> </div> </div> <script type="text/javascript"> $('.nav-toggle').click(function() { $('#body-inner-wrapper').toggleClass('toggled'); }); </script> </body> </html>

CINXE.COM

bibliofreak.ch