+
+
+ {{ custom.title }}
+
-
-
-
@@ -21,50 +21,86 @@
export default {
data () {
return {
- slides: [
- {
- title: 'I am Slide A',
- id: 1
- },
- {
- title: 'I am Slide B',
- id: 2
- },
- {
- title: 'I am Slide C',
- id: 3
- },
- {
- title: 'I am Slide D',
- id: 4
- },
- {
- title: 'I am Slide E',
- id: 5
- }
- ]
+ slideIndex: 0,
+ slideCount: 3,
+ slides: [],
+ play: false
}
},
methods: {
next () {
- const first = this.slides.shift()
- this.slides = this.slides.concat(first)
+ var slideCount = this.slideCount;
+ if (this.$mq == "sm") {
+ slideCount = 1;
+ };
+ if (this.slideIndex + slideCount >= this.slides.length) {
+ this.slideIndex = 0
+ } else {
+ this.slideIndex = this.slideIndex + slideCount;
+ };
},
previous () {
- const last = this.slides.pop()
- this.slides = [last].concat(this.slides)
+ var slideCount = this.slideCount;
+ if (this.$mq == "sm") {
+ slideCount = 1;
+ };
+ if (this.slideIndex - slideCount < 0) {
+ this.slideIndex = 0
+ } else {
+ this.slideIndex = this.slideIndex - slideCount;
+ };
+ },
+ getImg(value) {
+ return require('../../' + value);
+ },
+ clear_interval() {
+ if (this.interval) {
+ clearInterval(this.interval);
+ this.interval = false;
+ }
+ },
+ toggle_play() {
+ if (this.autoplay && this.interval) {
+ this.play = false;
+ this.clear_interval();
+ }
+ if (this.autoplay && !this.interval) {
+ var self = this;
+ this.interval = setInterval(function() {
+ self.next();
+ }, this.autoplay);
+ this.play = true;
+ }
}
},
created() {
- if (this.custom.length) {
- this.slides = this.custom.slice(0);
- }
+ this.slides = this.custom.content.slice(0);
+ if (this.$mq == "sm") {
+ this.slideCount = 3;
+ } else {
+ this.slideCount = 1;
+ };
+ if (this.autoplay != undefined) {
+ this.toggle_play(this.autoplay);
+ };
},
- props: ["custom", "display"]
+ props: ["custom", "display", "autoplay"]
}
\ No newline at end of file
diff --git a/src/components/Custom.vue b/src/components/Custom.vue
old mode 100644
new mode 100755
index 855f9ea8..e088a2f7
--- a/src/components/Custom.vue
+++ b/src/components/Custom.vue
@@ -1,42 +1,42 @@
-
-
-
+
+
+
-
{{ custom.title }}
+
-
- ![]()
+
+
+
+ {{ data.title }}
+
+
+
\ No newline at end of file
diff --git a/src/components/FlipCard.vue b/src/components/FlipCard.vue
index 51059dbc..0d445dd4 100755
--- a/src/components/FlipCard.vue
+++ b/src/components/FlipCard.vue
@@ -1,16 +1,16 @@
-
+
+ ![]()
-
+
-
-
-
{{ custom.text.content }}
-
-
-
+
-
- {{ custom.title }}
-
-
-
@@ -27,7 +36,20 @@
*/
export default {
name: "Navigation",
- props: ["data"]
+ props: ["data", "open"],
+ data() {
+ return {
+ mobileMenu: false
+ }
+ },
+ methods: {
+ toggleMenu(){
+ this.$emit('toggle');
+ },
+ getLogo() {
+ return require('../assets/img/ngiforward.svg');
+ }
+ }
};
@@ -72,7 +94,7 @@ export default {
&.active {
color: #fff !important;
border-radius: 5px;
- background-color: black;
+ background-color: #2EA48A;
}
&:not(:last-child) {
border-right: 0.5px solid rgba(255, 255, 255, 0.2);
@@ -80,16 +102,81 @@ export default {
}
.logo {
- min-width: 65px;
+ min-width: 185px;
height: 60px;
- padding: 0 50px 0 20px;
- border-right: 1px solid rgba(255, 255, 255, 0.28);
- background: url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' version='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='orangered' d='M0 250a250 250 0 1 1 500 0 250 250 0 0 1-500 0zm250 183V250H67a183 183 0 1 1 183 183z' fill-rule='evenodd'/%3E%3C/svg%3E")
- no-repeat center #fafafa;
- background-size: 45%;
+ display: flex;
+ align-items: center;
+ padding-left: 20px;
transition: none;
box-shadow: none;
left: 0;
- z-index: 99999;
+ z-index: 99;
+ img {
+ height: 55%;
+ }
+ &.edgeryders {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' version='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='orangered' d='M0 250a250 250 0 1 1 500 0 250 250 0 0 1-500 0zm250 183V250H67a183 183 0 1 1 183 183z' fill-rule='evenodd'/%3E%3C/svg%3E")
+ no-repeat center #fafafa;
+ background-size: 45%;
+ min-width: 65px;
+ padding: 0 50px 0 20px;
+ border-right: 1px solid rgba(255, 255, 255, 0.28);
+ }
}
+
+.hamburger {
+ width: 25px;
+ height: 30px;
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ transform: rotate(0deg);
+ transition: .5s ease-in-out;
+ cursor: pointer;
+ span {
+ display: block;
+ position: absolute;
+ height: 4.5px;
+ width: 100%;
+ background: #2EA48A;
+ border-radius: 9px;
+ opacity: 1;
+ left: 0;
+ transform: rotate(0deg);
+ transition: .25s ease-in-out;
+ &:nth-child(1) {
+ top: 0px;
+ }
+ &:nth-child(2) {
+ top: 9px;
+ }
+ &:nth-child(3) {
+ top: 9px;
+ }
+ &:nth-child(4) {
+ top: 18px;
+ }
+ }
+ &.active {
+ span {
+ &:nth-child(1) {
+ top: 9px;
+ width: 0%;
+ left: 50%;
+ }
+ &:nth-child(2) {
+ transform: rotate(45deg);
+ }
+ &:nth-child(3) {
+ transform: rotate(-45deg);
+ }
+ &:nth-child(4) {
+ top: 9px;
+ width: 0%;
+ left: 50%;
+ }
+ }
+ }
+}
+
diff --git a/src/components/Partners.vue b/src/components/Partners.vue
old mode 100644
new mode 100755
index ee0795e0..d22dd2bd
--- a/src/components/Partners.vue
+++ b/src/components/Partners.vue
@@ -1,23 +1,42 @@
-
+
@@ -30,11 +30,12 @@ import Navigation from "./form/Navigation.vue";
import submit from "../helpers/discourse";
export default {
- props: ["custom", "baseUrl"],
+ props: ["data", "stylesheet", "baseUrl"],
data() {
return { form: {}, currentIndex: 0, errors: [] };
},
created() {
+ this.$set(this.form, 'settings', { createTopic: this.data.settings });
this.slides
.filter(s => s.index)
.forEach(({ index, body, settings, fields }) => {
@@ -61,7 +62,7 @@ export default {
},
computed: {
slides() {
- return this.custom.slides.map(slide => Object.assign({}, this.custom.slideDefaults, slide))
+ return this.data.slides.map(slide => Object.assign({}, this.data.slideDefaults, slide))
},
slide() {
return this.slides[this.currentIndex];
diff --git a/src/components/Hero.vue b/src/components/Hero.vue
old mode 100644
new mode 100755
index e0f1ab38..50bb3db0
--- a/src/components/Hero.vue
+++ b/src/components/Hero.vue
@@ -24,7 +24,8 @@ export default {
if (this.custom.background.url) {
return {
background: `url('${this.custom.background.url}')`,
- backgroundPosition: "cover"
+ backgroundPosition: "0",
+ backgroundSize: "cover"
}
} else if (this.custom.background.color) {
return {
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
new file mode 100755
index 00000000..754b9a3d
--- /dev/null
+++ b/src/components/Menu.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
- {{ data.title }}
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/MobileList.vue b/src/components/MobileList.vue
new file mode 100755
index 00000000..d7517e61
--- /dev/null
+++ b/src/components/MobileList.vue
@@ -0,0 +1,148 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
old mode 100644
new mode 100755
index 4231be42..b852b6b1
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -1,22 +1,31 @@
+
+
+
+
+ {{header}}
+ +
+
+
+ -
+
-
+ + {{formatDate(item.event.start)}} ++++++
{{ item[title] }}
+{{ item[description] }}..
+Starts {{ formatTime(item.event.start) }}
+
+
-
-
+
-
diff --git a/src/components/People.vue b/src/components/People.vue
old mode 100644
new mode 100755
index 83a761c0..3fd7c4ad
--- a/src/components/People.vue
+++ b/src/components/People.vue
@@ -1,29 +1,78 @@
-
+
+ Organised by +
+
+
+ ![]()
+
+
+
-
- {{ custom.title }}
+
+
+
- {{ data.title }}
+ + +
-
+
-
@@ -31,17 +80,41 @@
-
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
old mode 100644
new mode 100755
diff --git a/src/components/Row.vue b/src/components/Row.vue
old mode 100644
new mode 100755
index 6c43b2f9..08468fe1
--- a/src/components/Row.vue
+++ b/src/components/Row.vue
@@ -1,10 +1,10 @@
-
+
+
-
+
+
@@ -30,12 +30,13 @@
-
+
+
-
+ Discuss this topic
@@ -70,10 +72,18 @@ export default {
Card,
Profile
},
+ data() {
+ return {
+ flip: false
+ };
+ },
methods: {
show(value) {
return this.display.includes(value);
},
+ toggleCard(){
+ this.$refs.flipCard.flipMobile();
+ },
scroll() {
this.$nextTick(() => {
this.$refs.content.scrollLeft += 1000;
@@ -89,19 +99,6 @@ export default {
diff --git a/src/components/Slider.vue b/src/components/Slider.vue
old mode 100644
new mode 100755
index 9aa5f189..4943cd1a
--- a/src/components/Slider.vue
+++ b/src/components/Slider.vue
@@ -1,24 +1,18 @@
{{ item.title }}
-
-
-
-
+
+
@@ -60,9 +54,11 @@ export default {
},
next() {
this.changeSlide('next');
+ this.set_interval();
},
- prev() {
- this.changeSlide('previous');
+ back() {
+ this.changeSlide('back');
+ this.set_interval();
},
changeSlide(dir) {
this.currentIndex = dir === 'next' ? this.currentIndex + 1 : this.currentIndex - 1;
@@ -79,6 +75,14 @@ export default {
this.interval = false;
}
},
+ set_interval() {
+ this.clear_interval();
+ var self = this;
+ this.interval = setInterval(function() {
+ self.changeSlide('next');
+ }, this.autoplay);
+ this.play = true;
+ },
getPermalink(slug) {
return "https://edgeryders.eu/t/" + slug;
},
@@ -88,11 +92,7 @@ export default {
this.clear_interval();
}
if (this.autoplay && !this.interval) {
- var self = this;
- this.interval = setInterval(function() {
- self.changeSlide('next');
- }, this.autoplay);
- this.play = true;
+ this.set_interval()
}
}
},
@@ -110,14 +110,14 @@ export default {
}
},
created() {
- if (this.custom.length) {
- this.slides = this.custom.slice(0);
+ if (this.data.length) {
+ this.slides = this.data.slice(0);
}
- else if (this.custom.users && this.custom.users.length) {
- this.users = this.custom.users.slice(0);
+ else if (this.data.users && this.data.users.length) {
+ this.users = this.data.users.slice(0);
}
if (this.autoplay != undefined) {
- this.toggle_play(this.autoplay);
+ this.toggle_play();
}
},
filters: {
@@ -125,24 +125,28 @@ export default {
return moment(String(value)).format("dddd, MMMM DD YYYY");
}
},
- props: ["autoplay", "custom", "display"]
+ props: ["autoplay", "data", "display"]
};
diff --git a/src/components/form/Body.vue b/src/components/form/Body.vue
old mode 100644
new mode 100755
diff --git a/src/components/form/Error.vue b/src/components/form/Error.vue
old mode 100644
new mode 100755
diff --git a/src/components/form/Field.vue b/src/components/form/Field.vue
old mode 100644
new mode 100755
index 3528828e..b6ac54b2
--- a/src/components/form/Field.vue
+++ b/src/components/form/Field.vue
@@ -9,11 +9,11 @@
v-on:keyup.meta.enter="next"
v-on:keyup.ctrl.enter="next"
/>
- ![]()
-
-
+
@@ -153,7 +149,6 @@ export default {
background-position: center center !important;
background-size: 120px !important;
padding-bottom: 20px;
- border-bottom: 1px solid #efefef;
}
.info {
display: inline-block;
diff --git a/src/components/views/Filters.vue b/src/components/views/Filters.vue
new file mode 100755
index 00000000..725b24fc
--- /dev/null
+++ b/src/components/views/Filters.vue
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/views/Hero_Category.vue b/src/components/views/Hero_Category.vue
old mode 100644
new mode 100755
diff --git a/src/components/views/Hero_Custom.vue b/src/components/views/Hero_Custom.vue
old mode 100644
new mode 100755
index 8dd48335..e29c3e95
--- a/src/components/views/Hero_Custom.vue
+++ b/src/components/views/Hero_Custom.vue
@@ -4,7 +4,7 @@
Filters
+
+
+ {{option}}
+
+
-
{{ data.title }}
+
diff --git a/src/components/views/List.vue b/src/components/views/List.vue
new file mode 100755
index 00000000..e67c26a3
--- /dev/null
+++ b/src/components/views/List.vue
@@ -0,0 +1,198 @@
+
+
Policy Summit", "text": { - "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "content": "
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/views/MobileMenu.vue b/src/components/views/MobileMenu.vue
new file mode 100755
index 00000000..4767e829
--- /dev/null
+++ b/src/components/views/MobileMenu.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
diff --git a/src/components/views/Search.vue b/src/components/views/Search.vue
new file mode 100755
index 00000000..abb44407
--- /dev/null
+++ b/src/components/views/Search.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
+ {{ custom.title }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/views/Timeline.vue b/src/components/views/Timeline.vue
new file mode 100755
index 00000000..cd3b546b
--- /dev/null
+++ b/src/components/views/Timeline.vue
@@ -0,0 +1,366 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/data/config.json b/src/data/config.json
old mode 100644
new mode 100755
index d0da98b7..3b7775b2
--- a/src/data/config.json
+++ b/src/data/config.json
@@ -1,39 +1,60 @@
{
"category": 237,
- "baseUrl" :"https://edgeryders.eu",
+ "baseUrl": "https://edgeryders.eu",
+ "style": {
+ "title": {
+ "width": ["90%", "75%"],
+ "align": ["center", "left"],
+ "size": ["text-2xl", "text-3xl"]
+ },
+ "container": {
+ "padding": ["0"]
+ },
+ "wrapper": {
+ "width": ["90%", "75%"],
+ "padding": ["15px 15px 0", "10px 0 0"]
+ }
+ },
"sections": [
{
"type": "hero",
+ "summit": "true",
"background": {
- "color": "#fafafa"
+ "url": "img/summit%20hero%20image.jpg",
+ "color": "linear-gradient(63.1deg,#009c8e 9.02%,#ffdb6a 90.81%)"
},
- "title": "Custom Title",
+ "title": "Next Generation Internet
+
+
+
+
+
+
+
+
+
+
+
+
+ type
{{type}}
+
+
+ date
{{selectedDate | formatDate}}
+
+
+ location
{{location}}
+
+
+ search
{{search}}
+
+
+ {{item.event.start | formatDate}}
+
+
+ {{item.event.start | formatTime}}
+
+
+
+
+
+ {{item.title}}
+
+ {{item.title}}
+
+
+
+
+
+
+ {{item.event.start | formatDate}} at {{item.event.start | formatTime}}
+{{item.excerpt}}
+ Find out more +Policy Summit", "text": { - "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "content": "
Register your interest now for the NGI Policy Summit 2020, hosted by the City of Amsterdam and the European Commission’s Next Generation Internet (NGI) initiative.
28 - 29 September - Main conference
30 September - Fringe Day
Online and at Het Sieraad, Amsterdam
Free of charge
", "align": "left", "buttons": [ { - "text": "Call to Action", - "url": "https://edgeryders.eu", - "background": "orangered" - }, - { - "text": "More Information", - "url": "https://edgeryders.eu" + "text": "Register interest", + "url": "https://www.surveygizmo.com/s3/5366792/NGI-Policy-Summit-2020-Register", + "background": "rgb(255, 219, 106)", + "color": "#333" } ] }, "image": { - "url": "https://dummyimage.com/640x360/fff/aaa", - "width": 450 + "url": "", + "width": 0 } }, { "type": "custom", - "title": "Custom Title", - "id": "custom", + "title": "About the Summit", + "id": "about", + "style": { + "container": { + "padding": ["0"] + }, + "wrapper": { + "padding": ["0px 15px 0", "10px 0 0"] + } + }, "image": { - "url": "https://dummyimage.com/640x360/fff/aaa", + "url": "", "width": 420 }, "video": { @@ -41,32 +62,31 @@ "poster": "" }, "text": { - "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "content": "From 28 to 30 September, the NGI Policy Summit will bring together Europe’s leading policymakers and changemakers to set out an ambitious European vision for the future internet and explore the policy interventions and technical solutions that can help get us there. The Summit is aimed at local, national and international policymakers but we also welcome researchers, innovators and civil society organisations who can share practical ideas for a more human-centric internet. Register your interest now to join us online or live in Amsterdam.
", "position": "left", - "buttons": [ - { - "text": "Call to Action", - "url": "https://edgeryders.eu", - "background": "orangered" - }, - { - "text": "More Information", - "url": "https://edgeryders.eu" - } - ] + "buttons": [] } }, { - "type": "topics", - "title": "Stories", - "id": "stories", - "view": "featured", - "tag": "ngi-summit-stories", - "sort_by": { - "property": "title", - "order": "ascending" + "type": "custom", + "title": "Worried about planning ahead?", + "style": { + "title": { + "width": ["90%", "75%"], + "align": ["center", "left"], + "background": ["yellow", "turquoise"], + "size": ["text-2xl", "text-3xl"] + }, + "container": { + "background": ["green", "orange"], + "padding": ["30px 0 0", "0"] + }, + "wrapper": { + "width": ["90%", "75%"], + "background": ["purple", "green"], + "padding": ["15px 15px 0", "10px 0 0"] + } }, - "display": ["title", "author", "date"], "image": { "url": "" }, @@ -75,228 +95,374 @@ "poster": "" }, "text": { - "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "content": "We are closely following official guidance on the public health situation and encourage our prospective attendees to do the same before making travel arrangements. The Summit is designed as an innovative hybrid online event, meaning that you can join us either in-person or remotely - we will ask you to confirm your status a few weeks ahead of time.
", "position": "left" } }, - { - "type": "events", - "title": "Events", - "id": "events", - "tag": "event" - }, - { - "type": "users", - "title": "Users", - "id": "users", - "category": "campfire", - "only_bios": true - }, - { - "type": "people", - "title": "People", - "id": "people", - "tag": "webcontent-festival-organiser-bio" - }, { "type": "partners", - "title": "Press", - "id": "press", + "title": "Organised by", + "style": { + "title": { + "width": ["90%", "75%"], + "align": ["center", "left"], + "background": ["yellow", "turquoise"], + "size": ["text-2xl", "text-3xl"] + } + }, + "id": "", "display": { "slides": 3 }, "content": [ { - "title": "DIY and Open Source care solutions", - "outlet": "IlSole", - "date": "7 May 2017", - "url": - "http://nova.ilsole24ore.com/progetti/soluzioni-di-cura-in-co-design/", - "logo": "assets/img/press/ilsole24ore.png", - "excerpt": - "Whether it is a ramp for disabled people or self-produced insulin, OpenCare's projects arise from collaboration between users and innovators" + "title": "City of Amsterdam", + "outlet": "City of Amsterdam", + "url": "https://www.amsterdam.nl/en/", + "logo": "city_of_amsterdam.png" }, { - "title": "DIY and Open Source care solutions", + "title": "Nesta", "outlet": "Nesta", - "date": "11 April 2016", - "url": "http://www.nesta.org.uk/blog/era-development-mutants", - "logo": "assets/img/press/nesta.png", - "excerpt": "Social movements led by self-organising citizens are becoming the cutting edge of development. Establishing effective partnerships with them requires abandoning much of the implicit paternalism that informs development work" + "url": " https://www.nesta.org.uk/", + "logo": "nesta.png" }, { - "title": - "Eleven tips for councils on thinking creatively about adult social care", - "outlet": "The Guardian", - "date": "28 April 2014", - "url": - "https://www.theguardian.com/local-government-network/2014/apr/28/eleven-tips-councils-thinking-creatively-adult-social-care", - "logo": "assets/img/press/guardian.jpg", - "excerpt": - "They have brought together a whole range of people mainly (but not all!) young and radical. They are doing some incredible work there. Am sorely tempted to head off there and alter the age demographic." + "title": "European Commission", + "outlet": "European Commission", + "url": "https://ec.europa.eu/info/departments/communications-networks-content-and-technology_en", + "logo": "eucom.png" + } + ] + }, + { + "type": "custom", + "title": "", + "image": { + "url": "" + }, + "video": { + "src": "", + "poster": "" + }, + "text": { + "content": "The NGI Policy Summit is organised by Nesta and the City of Amsterdam, in collaboration with the European Commission. It forms part of the Next Generation Internet (NGI) programme, the Commission's flagship initiative to build a more democratic inclusive and resilient future internet. You can learn more about the NGI here and follow our policy and strategy work at the NGI Policy Lab.
", + "position": "left" + } + }, + { + "type": "people", + "title": "Speakers", + "id": "speakers", + "style": { + "container": { + "background": ["#fafafa"] + } + }, + "profiles": [ + { + "id": 1, + "name": "Anna-Sophie Harling", + "excerpt": "Anna-Sophie Harling is Managing Director for Europe at NewsGuard, based in London and New York. Prior to joining NewsGuard, Harling worked as Business Development Manager for a technology company in London and at an international law firm in Germany. She has previously worked at two German newspapers, Der Tagesspiegel and the Märkische Allgemeine. Harling graduated from Yale University, where she was a Yale Journalism Scholar.", + "image": "img/speakers/cropped/Anna_Sophie_Harling.png", + "url": "#" }, { - "title": - "Can Monasteries Be a Model for Reclaiming Tech Culture for Good?", - "outlet": "The Nation", - "date": "27 August 2014", - "url": - "https://www.thenation.com/article/can-monasteries-be-model-reclaiming-tech-culture-good/", - "logo": "assets/img/press/nation.png", - "excerpt": - "What united [Edgeryders] was not a political ideology, but the dead-end conditions of austerity and the hope of figuring out better ways forward." + "id": 2, + "name": "Axel Voss", + "excerpt": "Axel Voss has been a Member of the European Parliament since 2009. In his capacity as coordinator in the Committee on Legal Affairs, he focuses on digital policy, including data protection and artificial intelligence.", + "image": "img/speakers/cropped/Axel_Voss.jpg", + "url": "#" }, { - "title": "Eleven tips for councils on thinking creatively about adult social care", - "outlet": "The New Yorker", - "date": "27 April 2015", - "url": "https://www.newyorker.com/magazine/2015/04/27/a-cave-with-a-view", - "logo": "assets/img/press/newyorker.jpg", - "excerpt": "a group of self-described 'civic hackers' who run a 'social clinic' that embeds 'skilled individuals within communities that could benefit from their presence'." + "id": 3, + "name": "Harry Armstrong", + "excerpt": "", + "image": "img/speakers/cropped/Harry_Armstrong.jpg", + "url": "#" }, { - "title": "When hacktivists live like monks", - "outlet": "Krautreporter", - "date": "12 November 2014", - "url": "https://krautreporter.de/111--wenn-hacktivisten-wie-monche-leben", - "logo": "assets/img/press/krautreporter.png", - "excerpt": "..steps towards solving the major problems plaguing small towns such as Matera: massive land run-off, reduction of social services in the wake of European austerity measures, and not least unused housing stock." + "id": 4, + "name": "Ingrid Schneider", + "excerpt": "Ingrid Schneider is Professor of Political Science in the Center for Ethics in Information Technology in the Department of Informatics at the University of Hamburg. Her research fields are technology assessment, governance, law, economy, and ethics of information technology on which she published numerous publications. From 1996, she has advised several European Parliaments and the European Commission, and is Board Member of various European Scientific Associations and Research Projects. Current research projects are PRODIGEES - Promoting Research on Digitalisation in Emerging Powers and Europe Towards Sustainable Development (2020-2024, EU funded) and “Governance of and by Algorithms” (2019-2021, BMBF funded).", + "image": "img/speakers/cropped/Ingrid_Schneider.png", + "url": "#" }, { - "title": "Mutiny at UnMonastery, coworking in the land of Edgeryders", - "outlet": "Mutinerie", - "date": "11 November 2013", - "url": "http://magazine.mutinerie.org/edgeryders-unmonastery-coworking/", - "logo": "assets/img/press/mutinerie.png", - "excerpt": "..an agile organization of individuals pooling know-how and professional networks at the service of social innovation." + "id": 5, + "name": "Jack Hardinges", + "excerpt": "Jack is Programme Lead for Data Institutions at the Open Data Institute. He is responsible for the strategic direction of the ODI's work to explore different approaches to data stewardship, such as through data trusts, and leading the delivery of related projects. Jack joined the ODI in July 2014 and has delivered research and advisory projects with startup, multinational corporate and government clients.", + "image": "img/speakers/cropped/Jack_Hardinges.jpg", + "url": "#" }, { - "title": "Care by communities: non-zero sum provision of health and social care", - "outlet": "Re:publica", - "date": "4 May 2016", - "url": "https://16.re-publica.de/16/session/care-communities-non-zero-sum-provision-health-and-social-care", - "logo": "assets/img/press/republica.png", - "excerpt": "We explore amazing care services that communities are providing - right now - to people that the state and private business have let down." + "id": 6, + "name": "Katja Bego", + "excerpt": "", + "image": "img/speakers/cropped/Katja_Bego.jpg", + "url": "#" }, { - "title": "The unMonastery: a commune for the internet age", - "outlet": "Dazed", - "date": "25 November 2014", - "url": "http://www.dazeddigital.com/artsandculture/article/22717/1/the-unmonastery-a-commune-for-the-internet-age", - "logo": "assets/img/press/dazed.png", - "excerpt": "Edgeryders built an Internet commune in Matera, a city similar to Petra in Jordan. They are both among the oldest inhabited settlements in the world." + "id": 7, + "name": "Marco Zappalorto", + "excerpt": "Marco is the Chief Executive of Nesta Italia and Director of the Social Innovation Design BA at IAAD University. Marco joined Nesta in 2011 and before setting up Nesta Italia he was Head of European Development and he contributed to the set-up of Challenge Prize Centre, and led most of the Centre’s European and international work.", + "image": "img/speakers/cropped/Marco_Zappalorto.jpg", + "url": "#" }, { - "title": "UNDP Innovation Facility driving multiple projects in Indonesia through broad partnerships", - "outlet": "OpenGov", - "date": "18 July 2017", - "url": "http://www.opengovasia.com/articles/7815-undp-innovation-facility-driving-multiple-projects-in-indonesia-through-broad-partnerships", - "logo": "assets/img/press/opengov.png", - "excerpt": "Edgeryders is a leading innovation partner of UNDP for testing new ways of working." + "id": 8, + "name": "Martin Brynskov", + "excerpt": "Martin is Associate Professor in Interaction Technologies at Aarhus University and Chair of Open and Agile Smart Cities.", + "image": "img/speakers/cropped/Martin_Brynskov.jpg", + "url": "#" }, { - "title": "'No patriarchy. No hierarchy. No God.' - unMonastery is a monastery for tech utopians", - "outlet": "Wired", - "date": "29 January 2015", - "url": "https://www.wired.de/collection/life/das-kommt-heraus-wenn-tech-utopisten-ein-kloster-grunden", - "logo": "assets/img/press/wired.png", - "excerpt": "" + "id": 9, + "name": "Paul Keller", + "excerpt": "", + "image": "img/speakers/cropped/Paul_Keller.jpg", + "url": "#" }, { - "title": "New Thinker's Dream Government", - "outlet": "Di", - "date": "10 April 2014", - "url": "http://www.di.se/artiklar/2014/4/10/nytankarens-dromregering/", - "logo": "assets/img/press/di.png", - "excerpt": "Our co-founder Nadia EL-Imam was named Minister of Labour in an ideal government for Sweden in the country's leading financial newspaper." + "id": 10, + "name": "Peter Bihr", + "excerpt": "Peter explores how emerging technologies can have a positive social impact. At the core of his work is the mission to align emerging technologies and citizen empowerment.", + "image": "img/speakers/cropped/Peter_Bihr.jpg", + "url": "#" }, { - "title": "La Politica Tecnologica", - "outlet": "HuffPost", - "date": "4 June 2013", - "url": "http://www.huffingtonpost.it/andrea-latino/la-politica-tecnologica_b_3382521.html", - "logo": "assets/img/press/huffpost.jpg", - "excerpt": "Now imagine those data available to ministries, entrusted to qualified young people of our best faculties, and listening to citizens through massive open collaboration, on the model of the European Edgeryders project." + "id": 11, + "name": "Silva Arapi", + "excerpt": "Digital Rights Advocate and free software enthusiast for more than 5 years. Board Member at Open Labs Albania.", + "image": "img/speakers/cropped/Silva_Arapi.jpg", + "url": "#" + }, + { + "id": 12, + "name": "Suzanne Dumouchel", + "excerpt": "Suzanne is responsible for partnerships and strategy. She holds a PhD in French Literature. Research Engineer at Huma-Num, CNRS, she coordinates the TRIPLE project (H2020). Suzanne is deeply involved in the Open Science movement, especially in the SSH perspective.", + "image": "img/speakers/cropped/Suzanne_Dumouchel.jpg", + "url": "#" + }, + { + "id": 13, + "name": "Sylvie Delacroix", + "excerpt": "Professor Delacroix focuses on the intersection between law and ethics, with a particular interest in data and machine Ethics. Her current research focuses on the design of computer systems meant for morally-loaded contexts. She is also considering the potential inherent in ‘bottom-up’ Data Trusts as a mechanism to address power imbalances between data-subjects and data-controllers. Professor Delacroix has recently served on the Public Policy Commission on the use of algorithms in the justice system (Law Society of England and Wales). She is also a Fellow of the Alan Turing Institute and a Mozilla Fellow (from 01/04/2020).", + "image": "img/speakers/cropped/Sylvie_Delacroix.jpeg", + "url": "#" + }, + { + "id": 14, + "name": "Geert-Jan Bogaerts", + "excerpt": "Geert-Jan is Initiator of PublicSpaces Foundation and Head of Innovation and Digital Media at VPRO. He trained as a political scientist, was raised as a reporter, foreign correspondent and editor at de Volkskrant, and is currently mainly trying to join forces with those who want to make the Internet a safer, more ethical place.", + "image": "img/speakers/cropped/Geert_Jan_Bogaerts.jpg", + "url": "#" } - ] + ], + "views": ["custom_ngi_people"], + "tag": "webcontent-ngi-summit-2020-bio", + "tagHeadliners": "webcontent-ngi-summit-2020-bio", + "tagOthers": "webcontent-ngi-summit-2020-bio-small" + }, + { + "type": "topics", + "title": "Topics", + "style": { + "title": { + "width": ["90%", "75%"], + "align": ["center", "left"], + "background": ["#fff"], + "size": ["text-4xl", "text-3xl"] + }, + "container": { + "padding": ["30px 0 0", "30px 0 0 0"] + }, + "wrapper": { + "width": ["90%", "75%"], + "background": ["#efefef", "#fff"], + "padding": ["15px 15px 0", "10px 0 0"] + } + }, + "id": "topics", + "view": "cards", + "tag": "webcontent-ngi-summit-2020-topics", + "text": { + "content": "The NGI Policy Summit will explore visions for the future internet, as well as ways to empower policymakers and strengthen innovation ecosystems across five topics:
", + "position": "left" + }, + "sort_by": { + "property": "title", + "order": "ascending" + }, + "display": ["title"] }, { - "type": "edgeryders", - "id": "edgeryders", - "title": "We are Edgeryders" + "type": "events", + "title": "Programme", + "style": { + "title": { + "size": ["text-2xl", "text-4xl"], + "padding": ["0 0 10px"], + "width": ["100%", "75%"], + "align": ["center", "left"] + }, + "container": { + "padding": ["30px 20px 30px", "30px 0"] + }, + "wrapper": { + "width": ["90%", "90%"] + } + }, + "id": "programme", + "tag": "event-ngi-summit-2020", + "filters": { + "team": "blue", + "outreach": "green", + "community": "orangered" + } }, { - "type": "terms" + "type": "topics", + "title": "Stories from the community", + "id": "stories", + "view": "featured", + "tag": "ngi-summit-stories", + "style": { + "title": { + "size": ["text-2xl", "text-3xl"], + "padding": ["0 0 10px"], + "width": ["100%", "75%"], + "align": ["center", "left"] + }, + "container": { + "background": ["#fafafa"], + "padding": ["20px 30px 0", "20px 0 0"] + }, + "wrapper": { + "width": ["75%", "90%"] + } + }, + "sort_by": { + "property": "title", + "order": "ascending" + }, + "display": ["title"], + "image": { + "url": "" + }, + "video": { + "src": "", + "poster": "" + } }, { "type": "form", - "title": "Join us", - "id": "join", - "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "title": "Join the discussion", + "id": "community", + "style": { + "title": { + "width": ["100%", "75%"], + "align": ["center", "left"] + }, + "container": { + "background": ["#fff"], + "padding": ["20px 30px 0", "0"] + }, + "wrapper": { + "padding": ["0"] + } + }, + "content": "What does it mean to build the Next Generation Internet? How should it be governed? What is Europe missing? Join the conversation ahead of the Summit and get to know the other participants on our exchange platform.
Sign up to create an account for the NGI exchange platform, hosted by Edgeryders. Registering for the platform is optional and separate from your registration for the event.
", "slideDefaults": { "title": "Q{{index}}", "backText": "BACK", "nextText": "NEXT", "backTitle": "Go back", "nextTitle": "Continue", - "fields": [{ - "name": "message", - "type": "textarea", - "placeholder": "write here...", - "required": true, - "autofocus": true, - "error": "Please write a response!" - }], + "fields": [ + { + "name": "message", + "type": "textarea", + "placeholder": "write here...", + "required": true, + "autofocus": true, + "error": "Please write a response!" + } + ], "diagram": {}, "settings": { "omitFields": true } }, - "slides": [{ - "index": 1, - "title": "This will create an account for you.", - "nextTitle": "SIGN UP", - "body": "", - "fields": [{ - "name": "name", - "type": "text", - "placeholder": "Name/nickname", - "half": true, - "required": true, - "autofocus": false, - "error": "Please enter your name" - }, { - "name": "age", - "type": "integer", - "placeholder": "Age (optional)", - "half": true - }, { - "name": "email", - "type": "email", - "placeholder": "E-mail", - "required": true, - "error": "Please enter your email address", - "settings": { "omit": true } - }, { - "name": "consent", - "type": "checkbox", - "placeholder": "I consent to the terms and conditions", - "required": true, - "error": "Please consent to the terms and conditions", - "settings": { "omit": true } - }], - "nextText": "SEND", - "submit": true, - "settings": { "omitBody": true } - }, { - "title": "Well done!", - "body": "Thank you for taking the time to create an account on Edgeryders!", - "fields": [] - }], + "slides": [ + { + "index": 1, + "title": "", + "nextTitle": "SIGN UP", + "body": "Use this form to sign up for the NGI exchange platform.", + "fields": [ + { + "name": "name", + "type": "text", + "placeholder": "Name/nickname", + "half": false, + "required": true, + "autofocus": false, + "error": "Please enter your name" + }, + { + "name": "email", + "type": "email", + "placeholder": "E-mail", + "required": true, + "error": "Please enter your email address", + "settings": { "omit": true } + }, + { + "name": "consent", + "type": "checkbox", + "placeholder": "I consent to the terms and conditions", + "required": true, + "error": "Please consent to the terms and conditions", + "settings": { "omit": true } + } + ], + "nextText": "SEND", + "submit": true, + "settings": { "omitBody": true } + }, + { + "title": "Well done!", + "body": "Thank you for taking the time to create an account on Edgeryders!", + "fields": [] + } + ], "errorMessages": { "networkError": "Sorry, we were unable to store your response due to a network connectivity issue. Please try clicking on \"Send\" again.", "username": "It seems somebody has already chosen your preferred username / nickname. Please enter a different one and click again on \"Send\".", "email": "It seems you already have an account on our forum using this e-mail address, or have entered an invalid address. Please choose a different e-mail address and click again on \"Send\".", "default": "Sorry, we were unable to store your response due to an unknown error. Please try clicking on \"Send\" again." } + }, + { + "type": "custom", + "title": "Contact Us", + "id": "contact us", + "style": { + "wrapper": { + "padding": ["0 20px 30px", "0 0 30px"] + } + }, + "image": { + "url": "", + "width": 0 + }, + "video": { + "src": "", + "poster": "" + }, + "text": { + "content": "For questions or feedback, you can get in touch with us here.
", + "position": "left" + } } ] } diff --git a/src/helpers/discourse.js b/src/helpers/discourse.js index 6a3b7f48..04a35265 100644 --- a/src/helpers/discourse.js +++ b/src/helpers/discourse.js @@ -87,4 +87,8 @@ export default (form, errorMessages) => form, process.env.VUE_APP_DISCOURSE_AUTH_KEY, errorMessages - ).then(json => createTopic(form, json.api_keys[0].key, errorMessages)); + ).then(json => ( + form.settings.createTopic + ? createTopic(form, json.api_keys[0].key, errorMessages) + : json + )) diff --git a/src/main.js b/src/main.js index 10f1e328..3adaf618 100644 --- a/src/main.js +++ b/src/main.js @@ -1,10 +1,18 @@ import Vue from "vue"; import App from "./App.vue"; -import "./assets/main.css"; +import "./assets/main.scss"; +import utils from "@/utils"; + import VueMq from "vue-mq"; import VueScrollactive from "vue-scrollactive"; import VueDragscroll from "vue-dragscroll"; import Vue2TouchEvents from "vue2-touch-events"; +import VueScrollTo from 'vue-scrollto'; +import vSelect from 'vue-select' + +export const bus = new Vue(); + +Vue.mixin(utils); Vue.use(VueMq, { breakpoints: { @@ -12,10 +20,11 @@ Vue.use(VueMq, { md: Infinity } }); - +Vue.use(VueScrollTo) Vue.use(VueScrollactive); Vue.use(VueDragscroll); Vue.use(Vue2TouchEvents); +Vue.component('v-select', vSelect); Vue.config.productionTip = false; diff --git a/src/utils.js b/src/utils.js new file mode 100755 index 00000000..f0ed61a8 --- /dev/null +++ b/src/utils.js @@ -0,0 +1,79 @@ +export default { + methods: { + getJson(value) { + const doc = new DOMParser().parseFromString(value, "text/html"); + var json = [...doc.querySelectorAll('code')].map(code => code.textContent); + var final = String(json).replace(/\n/g, " "); + if (final !== '') { + var obj = JSON.parse(final); + return obj; + } else { + return null + } + }, + MediaQueryIndex() { + var index = 0; + if (this.$mq=='md') { + index = 1; + } + return index; + }, + ElementStyle(element, property) { + var index = this.MediaQueryIndex(); + if (this.data.style && this.data.style[element] && this.data.style[element][property]) { + if (this.data.style[element][property][index]) { + return this.data.style[element][property][index]; + } + else { + return this.data.style[element][property][0]; + } + } else if (this.stylesheet && this.stylesheet[element] && this.stylesheet[element][property]) { + if (this.stylesheet[element][property][index]) { + return this.stylesheet[element][property][index]; + } else { + return this.stylesheet[element][property][0]; + } + } else { + return '' + } + }, + titleStyle() { + var styleObj = { + maxWidth: '', + textAlign: '', + backgroundColor: '', + padding: '' + }; + + styleObj["backgroundColor"] = this.ElementStyle('title', 'background'); + styleObj["textAlign"] = this.ElementStyle('title', 'align'); + styleObj["maxWidth"] = this.ElementStyle('title', 'width'); + styleObj["padding"] = this.ElementStyle('title', 'padding'); + return styleObj; + + }, + containerStyle() { + var styleObj = { + padding: '', + backgroundColor: '' + }; + styleObj["backgroundColor"] = this.ElementStyle('container', 'background'); + styleObj["padding"] = this.ElementStyle('container', 'padding'); + return styleObj; + }, + wrapperStyle() { + var styleObj = { + maxWidth: '', + padding: '', + backgroundColor: '', + }; + styleObj["backgroundColor"] = this.ElementStyle('wrapper', 'background'); + styleObj["padding"] = this.ElementStyle('wrapper', 'padding'); + styleObj["maxWidth"] = this.ElementStyle('wrapper', 'width'); + return styleObj; + }, + titleClassSize() { + return this.ElementStyle('title', 'size') + } + } +} \ No newline at end of file