From 0599db44e304c281bb6a0f771b7b69507ac8cdd8 Mon Sep 17 00:00:00 2001 From: "Open-Steps.org" Date: Sun, 30 Nov 2014 23:17:02 +0100 Subject: [PATCH] First commit --- .gitignore | 3 + _config.yml | 13 ++ _data/events.yml | 38 +++++ _events/2014-10-09-36.markdown | 6 + _includes/footer.html | 33 ++++ _includes/head.html | 18 +++ _includes/header.html | 27 ++++ _layouts/default.html | 18 +++ _layouts/event.html | 34 +++++ _layouts/page.html | 18 +++ _layouts/post.html | 20 +++ _posts/2014-09-11-Scope35.markdown | 30 ++++ _posts/2014-10-09-Scope36.markdown | 26 ++++ _posts/2014-11-13-Scope37.markdown | 14 ++ _sass/_base.scss | 204 +++++++++++++++++++++++++ _sass/_layout.scss | 236 +++++++++++++++++++++++++++++ _sass/_syntax-highlighting.scss | 67 ++++++++ about.html | 54 +++++++ archive.html | 23 +++ bower.json | 22 +++ css/custom.css | 14 ++ css/main.scss | 52 +++++++ feed.xml | 30 ++++ index.html | 35 +++++ 24 files changed, 1035 insertions(+) create mode 100644 .gitignore create mode 100644 _config.yml create mode 100644 _data/events.yml create mode 100644 _events/2014-10-09-36.markdown create mode 100644 _includes/footer.html create mode 100644 _includes/head.html create mode 100644 _includes/header.html create mode 100644 _layouts/default.html create mode 100644 _layouts/event.html create mode 100644 _layouts/page.html create mode 100644 _layouts/post.html create mode 100644 _posts/2014-09-11-Scope35.markdown create mode 100644 _posts/2014-10-09-Scope36.markdown create mode 100644 _posts/2014-11-13-Scope37.markdown create mode 100644 _sass/_base.scss create mode 100644 _sass/_layout.scss create mode 100644 _sass/_syntax-highlighting.scss create mode 100644 about.html create mode 100644 archive.html create mode 100644 bower.json create mode 100644 css/custom.css create mode 100755 css/main.scss create mode 100644 feed.xml create mode 100644 index.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..7f11ee0c --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +_site +.sass-cache +bower_components diff --git a/_config.yml b/_config.yml new file mode 100644 index 00000000..1e22bb0d --- /dev/null +++ b/_config.yml @@ -0,0 +1,13 @@ +# Site settings +title: Scope Sessions Artist talks & media salon +email: mail@scopesessions.org +description: > # this means to ignore newlines until "baseurl:" + Scope is a meeting point for the creative and the curious, a platform for sharing and learning in an informal setting. Guest artists are invited to present a project, a concept, a process or an experience. + The presentations are short, around 40 minutes and unrestricted in form. Each session offers a variety of topics and approaches; + Scope is about exposure, not for the artist, but for the audience. If you wish to share at one of our sessions send us a mail to mail [at] scopesessions [dot] org. + Our focus is on intermedia arts and technologies, but we love to be surprised..! +baseurl: "" # the subpath of your site, e.g. /blog/ +url: "http://scopesessions.org" # the base hostname & protocol for your site + +# Build settings +markdown: kramdown diff --git a/_data/events.yml b/_data/events.yml new file mode 100644 index 00000000..d5b780b8 --- /dev/null +++ b/_data/events.yml @@ -0,0 +1,38 @@ +- event: 37 + title: '#37' + date: 13.11.2014 + video_url: VIMEO_URL + talks: + - title: Privacy and online freedom of expression. + artist: Ioann Maria + artist_url: http://ioannmaria.com/ + description: + "This Session will attempt an open discussion that addresses issues of privacy and online freedom of expression. + We want to discuss if and why privacy matters. How does that relate to contemporary artists and the tools they (we) are using? Is there a space for a political statement? How much strength does artistic expression have in the cyberworld? What are the chances and responsibilities of artists confronted with the omnipresent power- and control-structures in the wake of the revelations of Edward Snowden and other whistleblowers." + media_url: http://scopesessions.org/wp-content/uploads/2014/11/20120831071409-trevor-paglen0.jpg +- event: 36 + title: '#36' + date: 09.10.2014 + video_url: VIMEO_URL + talks: + - title: Photochemical Intiatives + artist: Kevin Rice + artist_url: http://processreversal.org/ + description: + "Process Reversal is a U.S. based collective which seeks to preserve celluloid film practices through research, resource development, and film productions focused on advancing the aesthetics and technology of the medium itself. In this sense, the times that we are facing with celluloid today are in fact the most exciting opportunities in the history of the medium — as the industry collapses all around us, we are being left with a chance to re-invent the medium in an image that was neither intended nor desired by the commercialism of the medium; one that explores new ways of seeing, new ways of hearing, and new ways of speaking about film. + Kevin Rice, a member of Process Reversal, will be presenting on behalf of the collective. He is a self described ‘film archivist’ whose practice focuses on the study of photochemical theories, the development of lab resources for filmmakers, and the documentation of various darkroom odysseys on motion picture film.The talk will expose his perspectives on contemporary film practices today, as well as the artist run film lab community, by discussing the formation, development, and infinite struggles of their collective, Process Reversal. In this, he will be sharing several works from members of the collective, including his own, and discussing their process and how it has evolved since the formation of our group. Along the way, he will explain several aspects of the photo-chemical process in film making and attempt to perform a live demonstration of a technique or two." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/logo-480x480.jpg + - title: Signal, noise and machine + artist: So Kanno + artist_url: http://kanno.so/ + description: + "Using technology and focusing on some specific matters of technology like relation between signal and noise, error and glitch. Making things that KANNO want to see and observe. Such as drawing machines which is not perfectly controlled by numbers, 3D printed sculpture and garment which uses errors and imperfectness of system intentionally. Predicting the future but not forgetting critical point of view for technology." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/polygonView-480x273.jpg + - title: On improvised Cinema + artist: Kris Limbach + artist_url: http://krislimbach.com/ + description: + "Kris Limbach is a sound artist residing in Berlin. Although his focus is on sound, he is involved in film projects since 1998, exploring always formats and aesthetics of cinema. His first experimental film, Cuento Incompleto was published in 2005 and since then he has collaborated with various artists performing live film screenings using expanded cinema techniques. This work for film has an outstanding influence on his current sound-art works, using film-editing techniques and film sound aesthetics for his sound pieces like the ongoing begin_ if _ () sound project and live performances. He released on labels such as Richard Garets´s Contour Editions, Staaltape, Modisti, Framework Radio, Agxivatein and more. + His current project “Music for dysfunctional airports” will be premiered at Media Art Friesland in the in November. + Kris Limbach will perform a short improvised piece to give an insight in his techniques and workflow." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/kris-performance-2014-panoptik-480x323.jpg diff --git a/_events/2014-10-09-36.markdown b/_events/2014-10-09-36.markdown new file mode 100644 index 00000000..f3517a2a --- /dev/null +++ b/_events/2014-10-09-36.markdown @@ -0,0 +1,6 @@ +--- +layout: event +title: "Scope Session #36" +date: 2014-10-09 +categories: event +--- diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 00000000..5b3590be --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,33 @@ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 00000000..e9812831 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,18 @@ + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + + + + + + + + + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 00000000..cfe381f7 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,27 @@ +
+ +
+ + {{ site.title }} + + + +
+ +
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 00000000..217cdcc7 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,18 @@ + + + + {% include head.html %} + + + + {% include header.html %} + +
+ {{ content }} +
+ + {% include footer.html %} + + + + diff --git a/_layouts/event.html b/_layouts/event.html new file mode 100644 index 00000000..67073d1e --- /dev/null +++ b/_layouts/event.html @@ -0,0 +1,34 @@ +--- +layout: default +--- +
+ +
+ +
+

{{ page.title }}

+

{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}

+
+ +
+ +
+ + {% for talk in page.talks %} + +
+ +

{{talk.artist}}

+

{{talk.title}}

+

{{talk.description}}

+
+ + {% endfor%} + +
+ +
+ +
+ +
diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 00000000..bda5ce7c --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,18 @@ +--- +layout: default +--- +
+ +
+ +
+

{{ page.title }}

+
+ +
+ {{ content }} +
+ +
+ +
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 00000000..9672df69 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,20 @@ +--- +layout: default +--- +
+ +
+ +
+

{{ page.title }}

+

{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}

+
+ + + +
+ +
diff --git a/_posts/2014-09-11-Scope35.markdown b/_posts/2014-09-11-Scope35.markdown new file mode 100644 index 00000000..77d16747 --- /dev/null +++ b/_posts/2014-09-11-Scope35.markdown @@ -0,0 +1,30 @@ +--- +layout: event +title: "Scope 35 / September 11th, 2014" +date: 2014-09-11 +categories: event +video_url: VIMEO_URL +talks: +- title: "Probing the Past: A Media Archaeology of Handmade Electronic Sound" + artist: Derek Holzer + artist_url: http://macumbista.net/ + description: "Derek Holzer (1972) is an American instrument builder and sound artist based in Berlin DE, whose current interests include DIY analog electronics, the relationship between sound + space, media archaeology and the meeting points of electroacoustic, noise, improv and extreme music. He has performed live, taught workshops and created scores of unique instruments and installations since 2002 across Europe, North and South America, and New Zealand. + + The utopias of electronic sound have hardly changed in its hundred-year history. We still want to imitate existing instruments, create sounds which have never been heard before and realize complex compositions without the need of an orchestra. It is only the tools which have become more complex. But there are dystopias as well, which come especially from using tools designed around other people’s way of creating sound, rather than your own. Instrument builder, teacher and performer Derek Holzer of Macumbista.net will discuss the inspiration of some of the pioneers of 20th Century electronic sound as springboards to some of his own creations, which the audience will have a chance to explore following the talk." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/probing-the-past-media-archaeology-480x464.png +- title: Science Inspires Art + artist: Imanol Gomez + artist_url: http://imanolgomez.net/ + description: "Imanol Gomez has worked on a broad range of media art projects for artists, museums and companies. He continues to find forward thinking creative solutions using cutting-edge creative technology. He was born in London and grew up in Madrid. Fascinated by science he completed an MSC in Telecommunication Engineering. He later undertook a Sound and Music Computing research program at the MTG in Barcelona. After several years of research experience Imanol moved to Ars Electronica to work as a creative engineer. In 2014, he set himself up as a freelance creative technologist in Berlin. He continues to pursue his passion for science, art, technology and his enthusiasm for redefining interactive storytelling. He now divides his time between personal projects, collaborations, research and freelancing. + + The talk will focus on how art and science are moving towards one another. It should not be forgotten that both have always been characterised by creative and imaginative processes. Many artist have found their inspiration by the physical and natural world through observation and experiment. Today, new media artist are working on novel ways of scientific communication, searching for the aesthetics on research data and experimenting with new scientific tools. + Anyway, who doesn’t take a look at the universe, with its sublime and redemptive quality? It makes us all feel small but peaceful." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/HairCellLandscape-480x320.jpg +- title: Audiovisual Interactions and ludic design for ludic interfaces + artist: Juan Carlos Duarte Regino + artist_url: http://www.juanduarteregino.com/ + description: "With a background in Audiovisual Media studies, Juan Duarte is based Helsinki Finland, since 2011 carries out studies in New Media, in the field of interaction design for media installations, and interfaces in live performance.His work aims to explore creative coding for sound and visuals, analog electronics, techno ecologies and media archeology. + + Tha talk will review some own project and other state of art related examples around the interactive aspect of live visuals. The use of open source technologies expertise and knowledge share has enhanced the scene of creators and artists looking to use alternative tools for creation of locative and or gesture based media." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/1401893_319897108149484_938475440_o-480x319.jpg +--- diff --git a/_posts/2014-10-09-Scope36.markdown b/_posts/2014-10-09-Scope36.markdown new file mode 100644 index 00000000..8e08a718 --- /dev/null +++ b/_posts/2014-10-09-Scope36.markdown @@ -0,0 +1,26 @@ +--- +layout: event +title: "Scope 36 / October 9th, 2014" +date: 2014-10-09 +categories: event +video_url: VIMEO_URL +talks: +- title: "Photochemical Intiatives" + artist: Kevin Rice + artist_url: http://processreversal.org/ + description: "Process Reversal is a U.S. based collective which seeks to preserve celluloid film practices through research, resource development, and film productions focused on advancing the aesthetics and technology of the medium itself. In this sense, the times that we are facing with celluloid today are in fact the most exciting opportunities in the history of the medium — as the industry collapses all around us, we are being left with a chance to re-invent the medium in an image that was neither intended nor desired by the commercialism of the medium; one that explores new ways of seeing, new ways of hearing, and new ways of speaking about film. + Kevin Rice, a member of Process Reversal, will be presenting on behalf of the collective. He is a self described ‘film archivist’ whose practice focuses on the study of photochemical theories, the development of lab resources for filmmakers, and the documentation of various darkroom odysseys on motion picture film.The talk will expose his perspectives on contemporary film practices today, as well as the artist run film lab community, by discussing the formation, development, and infinite struggles of their collective, Process Reversal. In this, he will be sharing several works from members of the collective, including his own, and discussing their process and how it has evolved since the formation of our group. Along the way, he will explain several aspects of the photo-chemical process in film making and attempt to perform a live demonstration of a technique or two." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/logo-480x480.jpg +- title: Signal, noise and machine + artist: So Kanno + artist_url: http://kanno.so/ + description: "Using technology and focusing on some specific matters of technology like relation between signal and noise, error and glitch. Making things that KANNO want to see and observe. Such as drawing machines which is not perfectly controlled by numbers, 3D printed sculpture and garment which uses errors and imperfectness of system intentionally. Predicting the future but not forgetting critical point of view for technology." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/polygonView-480x273.jpg +- title: On improvised Cinema + artist: Kris Limbach + artist_url: http://krislimbach.com/ + description: "Kris Limbach is a sound artist residing in Berlin. Although his focus is on sound, he is involved in film projects since 1998, exploring always formats and aesthetics of cinema. His first experimental film, Cuento Incompleto was published in 2005 and since then he has collaborated with various artists performing live film screenings using expanded cinema techniques. This work for film has an outstanding influence on his current sound-art works, using film-editing techniques and film sound aesthetics for his sound pieces like the ongoing begin_ if _ () sound project and live performances. He released on labels such as Richard Garets´s Contour Editions, Staaltape, Modisti, Framework Radio, Agxivatein and more. + His current project “Music for dysfunctional airports” will be premiered at Media Art Friesland in the in November. + Kris Limbach will perform a short improvised piece to give an insight in his techniques and workflow." + media_url: http://scopesessions.org/wp-content/uploads/2014/09/kris-performance-2014-panoptik-480x323.jpg +--- diff --git a/_posts/2014-11-13-Scope37.markdown b/_posts/2014-11-13-Scope37.markdown new file mode 100644 index 00000000..547f3912 --- /dev/null +++ b/_posts/2014-11-13-Scope37.markdown @@ -0,0 +1,14 @@ +--- +layout: event +title: "Scope 37 / November 13th, 2014" +date: 2014-11-13 +categories: event +video_url: http://vimeo.com +talks: +- title: Privacy and online freedom of expression. + artist: Ioann Maria + artist_url: http://ioannmaria.com/ + description: "This Session will attempt an open discussion that addresses issues of privacy and online freedom of expression. + We want to discuss if and why privacy matters. How does that relate to contemporary artists and the tools they (we) are using? Is there a space for a political statement? How much strength does artistic expression have in the cyberworld? What are the chances and responsibilities of artists confronted with the omnipresent power- and control-structures in the wake of the revelations of Edward Snowden and other whistleblowers." + media_url: http://scopesessions.org/wp-content/uploads/2014/11/20120831071409-trevor-paglen0.jpg +--- diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 00000000..e5fd0fd8 --- /dev/null +++ b/_sass/_base.scss @@ -0,0 +1,204 @@ +/** + * Reset some basic elements + */ +body, h1, h2, h3, h4, h5, h6, +p, blockquote, pre, hr, +dl, dd, ol, ul, figure { + margin: 0; + padding: 0; +} + + + +/** + * Basic styling + */ +body { + font-family: $base-font-family; + font-size: $base-font-size; + line-height: $base-line-height; + font-weight: 300; + color: $text-color; + background-color: $background-color; + -webkit-text-size-adjust: 100%; +} + + + +/** + * Set `margin-bottom` to maintain vertical rhythm + */ +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +ul, ol, dl, figure, +%vertical-rhythm { + margin-bottom: $spacing-unit / 2; +} + + + +/** + * Images + */ +img { + max-width: 100%; + vertical-align: middle; +} + + + +/** + * Figures + */ +figure > img { + display: block; +} + +figcaption { + font-size: $small-font-size; +} + + + +/** + * Lists + */ +ul, ol { + margin-left: $spacing-unit; +} + +li { + > ul, + > ol { + margin-bottom: 0; + } +} + + + +/** + * Headings + */ +h1, h2, h3, h4, h5, h6 { + font-weight: 300; +} + + + +/** + * Links + */ +a { + color: $brand-color; + text-decoration: none; + + &:visited { + color: darken($brand-color, 15%); + } + + &:hover { + color: $text-color; + text-decoration: underline; + } +} + + + +/** + * Blockquotes + */ +blockquote { + color: $grey-color; + border-left: 4px solid $grey-color-light; + padding-left: $spacing-unit / 2; + font-size: 18px; + letter-spacing: -1px; + font-style: italic; + + > :last-child { + margin-bottom: 0; + } +} + + + +/** + * Code formatting + */ +pre, +code { + font-size: 15px; + border: 1px solid $grey-color-light; + border-radius: 3px; + background-color: #eef; +} + +code { + padding: 1px 5px; +} + +pre { + padding: 8px 12px; + overflow-x: scroll; + + > code { + border: 0; + padding-right: 0; + padding-left: 0; + } +} + + + +/** + * Wrapper + */ +.wrapper { + max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); + max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); + margin-right: auto; + margin-left: auto; + padding-right: $spacing-unit; + padding-left: $spacing-unit; + @extend %clearfix; + + @include media-query($on-laptop) { + max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit})); + max-width: calc(#{$content-width} - (#{$spacing-unit})); + padding-right: $spacing-unit / 2; + padding-left: $spacing-unit / 2; + } +} + + + +/** + * Clearfix + */ +%clearfix { + + &:after { + content: ""; + display: table; + clear: both; + } +} + + + +/** + * Icons + */ +.icon { + + > svg { + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; + + path { + fill: $grey-color; + } + } +} diff --git a/_sass/_layout.scss b/_sass/_layout.scss new file mode 100644 index 00000000..def56f89 --- /dev/null +++ b/_sass/_layout.scss @@ -0,0 +1,236 @@ +/** + * Site header + */ +.site-header { + border-top: 5px solid $grey-color-dark; + border-bottom: 1px solid $grey-color-light; + min-height: 56px; + + // Positioning context for the mobile navigation icon + position: relative; +} + +.site-title { + font-size: 26px; + line-height: 56px; + letter-spacing: -1px; + margin-bottom: 0; + float: left; + + &, + &:visited { + color: $grey-color-dark; + } +} + +.site-nav { + float: right; + line-height: 56px; + + .menu-icon { + display: none; + } + + .page-link { + color: $text-color; + line-height: $base-line-height; + + // Gaps between nav items, but not on the first one + &:not(:first-child) { + margin-left: 20px; + } + } + + @include media-query($on-palm) { + position: absolute; + top: 9px; + right: 30px; + background-color: $background-color; + border: 1px solid $grey-color-light; + border-radius: 5px; + text-align: right; + + .menu-icon { + display: block; + float: right; + width: 36px; + height: 26px; + line-height: 0; + padding-top: 10px; + text-align: center; + + > svg { + width: 18px; + height: 15px; + + path { + fill: $grey-color-dark; + } + } + } + + .trigger { + clear: both; + display: none; + } + + &:hover .trigger { + display: block; + padding-bottom: 5px; + } + + .page-link { + display: block; + padding: 5px 10px; + } + } +} + + + +/** + * Site footer + */ +.site-footer { + border-top: 1px solid $grey-color-light; + padding: $spacing-unit 0; +} + +.footer-heading { + font-size: 18px; + margin-bottom: $spacing-unit / 2; +} + +.contact-list, +.social-media-list { + list-style: none; + margin-left: 0; +} + +.footer-col-wrapper { + font-size: 15px; + color: $grey-color; + margin-left: -$spacing-unit / 2; + @extend %clearfix; +} + +.footer-col { + float: left; + margin-bottom: $spacing-unit / 2; + padding-left: $spacing-unit / 2; +} + +.footer-col-1 { + width: -webkit-calc(35% - (#{$spacing-unit} / 2)); + width: calc(35% - (#{$spacing-unit} / 2)); +} + +.footer-col-2 { + width: -webkit-calc(20% - (#{$spacing-unit} / 2)); + width: calc(20% - (#{$spacing-unit} / 2)); +} + +.footer-col-3 { + width: -webkit-calc(45% - (#{$spacing-unit} / 2)); + width: calc(45% - (#{$spacing-unit} / 2)); +} + +@include media-query($on-laptop) { + .footer-col-1, + .footer-col-2 { + width: -webkit-calc(50% - (#{$spacing-unit} / 2)); + width: calc(50% - (#{$spacing-unit} / 2)); + } + + .footer-col-3 { + width: -webkit-calc(100% - (#{$spacing-unit} / 2)); + width: calc(100% - (#{$spacing-unit} / 2)); + } +} + +@include media-query($on-palm) { + .footer-col { + float: none; + width: -webkit-calc(100% - (#{$spacing-unit} / 2)); + width: calc(100% - (#{$spacing-unit} / 2)); + } +} + + + +/** + * Page content + */ +.page-content { + padding: $spacing-unit 0; +} + +.page-heading { + font-size: 20px; +} + +.post-list { + margin-left: 0; + list-style: none; + + > li { + margin-bottom: $spacing-unit; + } +} + +.post-meta { + font-size: $small-font-size; + color: $grey-color; +} + +.post-link { + display: block; + font-size: 24px; +} + + + +/** + * Posts + */ +.post-header { + margin-bottom: $spacing-unit; +} + +.post-title { + font-size: 42px; + letter-spacing: -1px; + line-height: 1; + + @include media-query($on-laptop) { + font-size: 36px; + } +} + +.post-content { + margin-bottom: $spacing-unit; + + h2 { + font-size: 32px; + + @include media-query($on-laptop) { + font-size: 28px; + } + } + + h3 { + font-size: 26px; + + @include media-query($on-laptop) { + font-size: 22px; + } + } + + h4 { + font-size: 20px; + + @include media-query($on-laptop) { + font-size: 18px; + } + } +} diff --git a/_sass/_syntax-highlighting.scss b/_sass/_syntax-highlighting.scss new file mode 100644 index 00000000..e36627da --- /dev/null +++ b/_sass/_syntax-highlighting.scss @@ -0,0 +1,67 @@ +/** + * Syntax highlighting styles + */ +.highlight { + background: #fff; + @extend %vertical-rhythm; + + .c { color: #998; font-style: italic } // Comment + .err { color: #a61717; background-color: #e3d2d2 } // Error + .k { font-weight: bold } // Keyword + .o { font-weight: bold } // Operator + .cm { color: #998; font-style: italic } // Comment.Multiline + .cp { color: #999; font-weight: bold } // Comment.Preproc + .c1 { color: #998; font-style: italic } // Comment.Single + .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special + .gd { color: #000; background-color: #fdd } // Generic.Deleted + .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific + .ge { font-style: italic } // Generic.Emph + .gr { color: #a00 } // Generic.Error + .gh { color: #999 } // Generic.Heading + .gi { color: #000; background-color: #dfd } // Generic.Inserted + .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific + .go { color: #888 } // Generic.Output + .gp { color: #555 } // Generic.Prompt + .gs { font-weight: bold } // Generic.Strong + .gu { color: #aaa } // Generic.Subheading + .gt { color: #a00 } // Generic.Traceback + .kc { font-weight: bold } // Keyword.Constant + .kd { font-weight: bold } // Keyword.Declaration + .kp { font-weight: bold } // Keyword.Pseudo + .kr { font-weight: bold } // Keyword.Reserved + .kt { color: #458; font-weight: bold } // Keyword.Type + .m { color: #099 } // Literal.Number + .s { color: #d14 } // Literal.String + .na { color: #008080 } // Name.Attribute + .nb { color: #0086B3 } // Name.Builtin + .nc { color: #458; font-weight: bold } // Name.Class + .no { color: #008080 } // Name.Constant + .ni { color: #800080 } // Name.Entity + .ne { color: #900; font-weight: bold } // Name.Exception + .nf { color: #900; font-weight: bold } // Name.Function + .nn { color: #555 } // Name.Namespace + .nt { color: #000080 } // Name.Tag + .nv { color: #008080 } // Name.Variable + .ow { font-weight: bold } // Operator.Word + .w { color: #bbb } // Text.Whitespace + .mf { color: #099 } // Literal.Number.Float + .mh { color: #099 } // Literal.Number.Hex + .mi { color: #099 } // Literal.Number.Integer + .mo { color: #099 } // Literal.Number.Oct + .sb { color: #d14 } // Literal.String.Backtick + .sc { color: #d14 } // Literal.String.Char + .sd { color: #d14 } // Literal.String.Doc + .s2 { color: #d14 } // Literal.String.Double + .se { color: #d14 } // Literal.String.Escape + .sh { color: #d14 } // Literal.String.Heredoc + .si { color: #d14 } // Literal.String.Interpol + .sx { color: #d14 } // Literal.String.Other + .sr { color: #009926 } // Literal.String.Regex + .s1 { color: #d14 } // Literal.String.Single + .ss { color: #990073 } // Literal.String.Symbol + .bp { color: #999 } // Name.Builtin.Pseudo + .vc { color: #008080 } // Name.Variable.Class + .vg { color: #008080 } // Name.Variable.Global + .vi { color: #008080 } // Name.Variable.Instance + .il { color: #099 } // Literal.Number.Integer.Long +} diff --git a/about.html b/about.html new file mode 100644 index 00000000..db1da83d --- /dev/null +++ b/about.html @@ -0,0 +1,54 @@ +--- +layout: page +title: About +permalink: /about/ +--- + +
+ +

Scope is a monthly event happening every 2nd thursday a month in Berlin/DE. + Scope is an artist-run initiative without financial benefits. + Entrance is based on donations.

+ +

Doors open from 19:00 Uhr / 7pm + Programme starting 20:00 Uhr / 8pm

+ +

How to find us

+ +

S-Bahn: S41/S42 (Ring) Wedding + U-Bahn: U6 Wedding, U8 Gesundbrunnen + Bus: M27 Wedding

+ +

Panke e.V. + Gerichtstr. 23, Hof 5 + 13347 Berlin Wedding

+ +

Team

+ +

SCOPE SESSIONS are curated & realised by a team, that shares passion for visual arts, experimental crossovers of sound and video, multimedia experiences, human interactions and computer technologies.

+

We started in summer 2011 with our first session, developed in cooperation with and hosted by Atelier Überall, with a strong initiative of Ludovic Bablon.

+

Since then we invited artists to share their unique approaches to an increasing audience. Hope you like it! See you at one of our sessions.

+ +
diff --git a/archive.html b/archive.html new file mode 100644 index 00000000..b9b4ec3a --- /dev/null +++ b/archive.html @@ -0,0 +1,23 @@ +--- +layout: page +title: Archive +permalink: /archive/ +--- + +
+ +

Archive

+ + + +

subscribe via RSS

+ +
diff --git a/bower.json b/bower.json new file mode 100644 index 00000000..22cde0df --- /dev/null +++ b/bower.json @@ -0,0 +1,22 @@ +{ + "name": "ScopeJekyll", + "version": "0.0.0", + "authors": [ + "Open-Steps.org " + ], + "description": "Scope 2015 website built with Jekyll", + "license": "MIT", + "homepage": "http://www.scopesessions.org", + "private": true, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "dependencies": { + "jquery": "~2.1.1", + "bootstrap": "~3.3.1" + } +} diff --git a/css/custom.css b/css/custom.css new file mode 100644 index 00000000..066f5d91 --- /dev/null +++ b/css/custom.css @@ -0,0 +1,14 @@ +.event{ + background: #eee; + padding:10px; + margin:10px; +} + +.event :hover{ + background: #e7ccfb; +} + +.talk{ + padding:10px; + background: #ddd; +} diff --git a/css/main.scss b/css/main.scss new file mode 100755 index 00000000..3303bc9e --- /dev/null +++ b/css/main.scss @@ -0,0 +1,52 @@ +--- +# Only the main Sass file needs front matter (the dashes are enough) +--- +@charset "utf-8"; + + + +// Our variables +$base-font-family: Helvetica, Arial, sans-serif; +$base-font-size: 16px; +$small-font-size: $base-font-size * 0.875; +$base-line-height: 1.5; + +$spacing-unit: 30px; + +$text-color: #111; +$background-color: #fdfdfd; +$brand-color: #2a7ae2; + +$grey-color: #828282; +$grey-color-light: lighten($grey-color, 40%); +$grey-color-dark: darken($grey-color, 25%); + +// Width of the content area +$content-width: 800px; + +$on-palm: 600px; +$on-laptop: 600px; + + + +// Using media queries with like this: +// @include media-query($on-palm) { +// .wrapper { +// padding-right: $spacing-unit / 2; +// padding-left: $spacing-unit / 2; +// } +// } +@mixin media-query($device) { + @media screen and (max-width: $device) { + @content; + } +} + + + +// Import partials from `sass_dir` (defaults to `_sass`) +@import + "base", + "layout", + "syntax-highlighting" +; diff --git a/feed.xml b/feed.xml new file mode 100644 index 00000000..a6628bd8 --- /dev/null +++ b/feed.xml @@ -0,0 +1,30 @@ +--- +layout: null +--- + + + + {{ site.title | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..ed69b43c --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ +--- +layout: default +--- + +
+ +
+ +

Events

+ + {% for post in site.posts %} + +
+ + {{post.title}} +

{{post.test}}

+

{{post.date}}Video

+ + {% for talk in post.talks %} + +
+ + {{talk.artist}} +

{{talk.title}}

+
+ + {% endfor%} + +
+ + {% endfor%} + +
+ +