{{post.title}}
- +{{post.excerpt}}
{% if post.images %}
- ![post]()
+ 
{% endif %}
- ![Ura Logo]()
+ 
-
-
![]()
+ 
diff --git a/_layouts/default-post.html b/_layouts/default-post.html
index 1b84f5f..99777c8 100644
--- a/_layouts/default-post.html
+++ b/_layouts/default-post.html
@@ -1,5 +1,5 @@
-
+
{% include head.html %}
diff --git a/_layouts/default.html b/_layouts/default.html
index 25c1017..5cf0bc1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,5 +1,5 @@
-
+
{% include head.html %}
@@ -12,7 +12,7 @@
{% include footer.html %}
diff --git a/_layouts/post.html b/_layouts/post.html
index f79f336..563e4e7 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -21,7 +21,7 @@ section_id: blog
/
{% endif %}
- {{page.date | date: "%B %d, %Y" }} by {{page.author}}
+ {{page.date | date: "%B %d, %Y" }} by {{page.author}}
{{content}}
diff --git a/_posts/2017-01-24-wikispeech-wikimedia-project-has-a-logo-guess-who-designed-it.md b/_posts/2017-01-24-wikispeech-wikimedia-project-has-a-logo-guess-who-designed-it.md
index 35af68a..4b2d0be 100644
--- a/_posts/2017-01-24-wikispeech-wikimedia-project-has-a-logo-guess-who-designed-it.md
+++ b/_posts/2017-01-24-wikispeech-wikimedia-project-has-a-logo-guess-who-designed-it.md
@@ -7,6 +7,8 @@ date: 2017-01-24 12:00:00 +0200
categories:
images:
- images/blog/ura-wikispeech.png
+header:
+- images/blog/ura-wikispeech.png
tags:
- Wikimedia
- Wikispeech
@@ -16,19 +18,19 @@ excerpt:
At Ura we <3 Wikipedia and other projects empowered by the Wikimedia Foundation such as Wikidata, Commons and Wikivoyage to mention a few. Actually, the organization has initiated and manages amazing projects in the filed of open knowledge and open source software, which labels it to our conscience as one of the most important pillars […]
---
-At Ura we <3 Wikipedia and other projects empowered by the Wikimedia Foundation such as Wikidata, Commons and Wikivoyage to mention a few. Actually, the organization has initiated and manages amazing projects in the filed of open knowledge and open source software, which labels it to our conscience as one of the most important pillars of floss and open data culture. The latest addition to the list of the projects we really like, Wikimedia recently announced Wikispeech, a text-to-speech tool with a focus on accessibility.
+At Ura we <3 Wikipedia and other projects empowered by the Wikimedia Foundation such as Wikidata, Commons and Wikivoyage to mention a few. Actually, the organization has initiated and manages amazing projects in the filed of open knowledge and open source software, which labels it to our conscience as one of the most important pillars of floss and open data culture. The latest addition to the list of the projects we really like, Wikimedia recently announced Wikispeech, a text-to-speech tool with a focus on accessibility.
-> "The Wikispeech project aims to create an open source text-to-speech tool to make Wikimedia’s projects more accessible for people that have difficulties reading for different reasons. Wikispeech will be available as a MediaWiki extension. It will be a server based solution, which means that it can be used without having to install any software locally (something that is not possible on all devices used to access the Internet). All components will be open source and all data and documentation will be under a free license so that it can also be included on other platforms. The development of a text-to-speech extension for MediaWiki has been carefully investigated and planed during a pilot study in Autumn 2015.' Read the full blog post and the announcement here
+> "The Wikispeech project aims to create an open source text-to-speech tool to make Wikimedia’s projects more accessible for people that have difficulties reading for different reasons. Wikispeech will be available as a MediaWiki extension. It will be a server based solution, which means that it can be used without having to install any software locally (something that is not possible on all devices used to access the Internet). All components will be open source and all data and documentation will be under a free license so that it can also be included on other platforms. The development of a text-to-speech extension for MediaWiki has been carefully investigated and planed during a pilot study in Autumn 2015.' Read the full blog post and the announcement here
- - Assistance developing secure usable Style Guides, which outline user interface and graphical elements, rules and guidelines to ensure a cohesive and consistent user experience across different aspects of a tool.
Being a non for profit Wikimedia has limited funds for many of its activities including design for some of the projects. That’s why a logo design competition for the project was announced some months ago. Knowing the importance of the design in such an innovative project, but also having financial support from our amazing supporters of the Patreon campaign, we worked and sent on different proposals and after a public discussion one of our proposal was chosen as the official logo of the initiative. +
Being a non for profit Wikimedia has limited funds for many of its activities including design for some of the projects. That’s why a logo design competition for the project was announced some months ago. Knowing the importance of the design in such an innovative project, but also having financial support from our amazing supporters of the Patreon campaign, we worked and sent on different proposals and after a public discussion one of our proposal was chosen as the official logo of the initiative. The logo incorporates the look and feel of the main Wikimedia projects and also the color palette used by these projects. At the same time it features elements related to audio in order to make it easily recognizable as a project related to a text-to-speech system.
-![wikispeech logo]()
+
+
Some of us contribute to Wikipedia with article creation and editing, but also though the organization of events at hackerspaces and universities with the ultimate goal of engaging more and more people. We, the contributors of the open source culture and community members, have to understand that good design is essential to communicate quickly, easily and universally the main elements of these projects to everyone that has the potential to join our movement.
We can only achieve this goal only if teams like ours here at Ura dedicate more and more time to make better design for open knowledge initiatives such as Wikispeech. That’s why we ask your support from people like you though our Patreon campaign. More support from you means directly better design, and better design means more engaged and bigger floss communities. -Help us hep floss initiatives communicate better with their audiences through open source design: https://www.patreon.com/ura!
+Help us hep floss initiatives communicate better with their audiences through open source design: https://www.patreon.com/ura! diff --git a/_posts/2017-02-11-open-source-design-workshop-open-labs-hackerspace-tirana.md b/_posts/2017-02-11-open-source-design-workshop-open-labs-hackerspace-tirana.md index 4156052..1baefd3 100644 --- a/_posts/2017-02-11-open-source-design-workshop-open-labs-hackerspace-tirana.md +++ b/_posts/2017-02-11-open-source-design-workshop-open-labs-hackerspace-tirana.md @@ -7,6 +7,8 @@ date: 2017-02-11 12:00:00 +0200 categories: images: - images/blog/osd_event.png +header: +- images/blog/workshop-1.jpg tags: - Open Source Design - Workshop @@ -15,10 +17,10 @@ excerpt: When we started our Patreon campaign we had a simple vision; to use the financial resources of our supporters to provide better design to free open source and open web initiatives that we think are important to communicate better with the outside world through better design. In the first days we thought that this was […] --- -When we started our Patreon campaign we had a simple vision: to use the financial resources of our supporters to provide better design to free open source and open web initiatives that we think are important to communicate better with the outside world through better design. In the first days we thought that this was enough to change the quality of visual communication. This perception changed gradually after discussions with graphic designers that are doing their first step in this field. We quickly understood that they have many questions about the usage of free open source tools in the process of designing for their needs.
With this in mind it was clear that that we definitely need to educate the new generation of designers through workshops and talks about our philosophy. Without further delay we started organizing the first Open Source Design workshop at Open Labs hackerspace in Tirana, home of the open source community in Albania.
When we started our Patreon campaign we had a simple vision: to use the financial resources of our supporters to provide better design to free open source and open web initiatives that we think are important to communicate better with the outside world through better design. In the first days we thought that this was enough to change the quality of visual communication. This perception changed gradually after discussions with graphic designers that are doing their first step in this field. We quickly understood that they have many questions about the usage of free open source tools in the process of designing for their needs.
With this in mind it was clear that that we definitely need to educate the new generation of designers through workshops and talks about our philosophy. Without further delay we started organizing the first Open Source Design workshop at Open Labs hackerspace in Tirana, home of the open source community in Albania.
-![workshop]()
+
@@ -33,30 +35,30 @@ During the presentation the participants had the opportunity to:
+
-![workshop]()
+
-
+
In conclusion: it was a great first step in educating the next generation of visual designers about the values designing in the open. We definitely need more of your support though Patreon to host even more workshops not only in Albania, but also other countries.
Interested in the next events? Visit this dedicated page from time to time, or follow us on Twitter.
+
In conclusion: it was a great first step in educating the next generation of visual designers about the values designing in the open. We definitely need more of your support though Patreon to host even more workshops not only in Albania, but also other countries.
Interested in the next events? Visit this dedicated page from time to time, or follow us on Twitter.
-![workshop]()
+
+
-![workshop]()
+
+
-![workshop]()
+
+
-![workshop]()
+
-Photos: Andis Rado, (Creative Commons – Attribution-ShareAlike 4.0 International)
+Photos: Andis Rado, (Creative Commons – Attribution-ShareAlike 4.0 International)
diff --git a/_posts/2017-08-25-ura-sha-2017.md b/_posts/2017-08-25-ura-sha-2017.md
index d3cc6ec..effef51 100644
--- a/_posts/2017-08-25-ura-sha-2017.md
+++ b/_posts/2017-08-25-ura-sha-2017.md
@@ -7,6 +7,8 @@ date: 2017-08-25 12:00:00 +0200
categories:
images:
- images/blog/sha1-thumb.jpg
+header:
+- images/blog/sha1.jpg
tags:
- Still Hacking Anyway
- SHA2017
@@ -14,13 +16,13 @@ excerpt:
Two weeks ago we had Silva Arapi to join our team as our new communications manager. Silva has been a member of Open Labs Hackerspace in Tirana for the last two years and she has been contributing for different open source projects, so we were pleased to welcome on board someone who knows and believes […]
---
-
+
Two weeks ago we had Silva Arapi to join our team as our new communications manager. Silva has been a member of Open Labs Hackerspace in Tirana for the last two years and she has been contributing for different open source projects, so we were pleased to welcome on board someone who knows and believes in the open source ethics.
+Two weeks ago we had Silva Arapi to join our team as our new communications manager. Silva has been a member of Open Labs Hackerspace in Tirana for the last two years and she has been contributing for different open source projects, so we were pleased to welcome on board someone who knows and believes in the open source ethics.
-Since she was going to attend the SHA2017 Hacker Camp in the Netherlands, this was a great opportunity for her to also meet people from the Open Source Design community and people from other open source projects we’ve been working with.
+
Since she was going to attend the SHA2017 Hacker Camp in the Netherlands, this was a great opportunity for her to also meet people from the Open Source Design community and people from other open source projects we’ve been working with.
For those of you who haven’t heard of SHA before: this is an outdoor hacker camp which took place in the Netherlands on August 4th to 8th and was the successor of similar events which have been taking place every 4 years and thousands of visitors have been joining it. Thousands of activists,free-thinkers, hackers, geeks, scientists, makers and others from all over the world joined SHA2017 to share their ideas, thoughts and knowledge, to discuss, build and hack with others.
-![tower at SHA2017]()
+
By Erik Albers (Own work) [CC0], via Wikimedia Commons
@@ -28,26 +30,26 @@ For those of you who haven’t heard of SHA before: this is an outdoor hacker ca
+
By Erik Albers (Own work) [CC0], via Wikimedia Commons
One of the things that Silva noticed during these hacking days was the fact that people were not talking so much about design in general, which is not that much of a surprise since the event is quite technical in general. But of course, there were so many people there and she also had the chance to meet some of those who were also concerned about the design of their products and would like to meet and talk to people who are experts of the field, and having projects like Open Source Design makes it easer to show them a place were they should go and ask for advice or help.
-> Still Open Source Designing Anyway!! #sha2017 #sha2017camp @SHA2017Badge pic.twitter.com/rmejAIL1YM +> Still Open Source Designing Anyway!! #sha2017 #sha2017camp @SHA2017Badge pic.twitter.com/rmejAIL1YM — Ura Design (@uracreative) August 7, 2017 -During her days at the camp Silva had the chance to meet Victoria, a UX Researcher/Designer who is part of the Open Source Design community. Victoria told her a bit more about the the community, what the people who are part of it have been working on and what are some of their future plans. She also met Herman one of our clients who is the founder of OSSO, a company which specializes in open source infrastructure, development and operations. We have been working with them during the last months to improve the design for some of their products.
+During her days at the camp Silva had the chance to meet Victoria, a UX Researcher/Designer who is part of the Open Source Design community. Victoria told her a bit more about the the community, what the people who are part of it have been working on and what are some of their future plans. She also met Herman one of our clients who is the founder of OSSO, a company which specializes in open source infrastructure, development and operations. We have been working with them during the last months to improve the design for some of their products.
The camping days were intensive, with so many great talks, workshops and hacking sessions. Silva says that having more presence in such events by people who work with design would help in increasing awareness about the importance of good design while building technological products.
-Check her blog for more details on the camp.
+Check her blog for more details on the camp.
-![SHA2017]()
+
+
-![SHA2017]()
+
+
-![SHA2017]()
+
diff --git a/_posts/2018-01-09-ura-work-week-november-2017.md b/_posts/2018-01-09-ura-work-week-november-2017.md
index 158f098..2e85b84 100644
--- a/_posts/2018-01-09-ura-work-week-november-2017.md
+++ b/_posts/2018-01-09-ura-work-week-november-2017.md
@@ -19,19 +19,19 @@ At Ura we all work from home, so we have our "Ura work week" ev
We had our first working week this November where all gathered in the city of Tirana. We would start our meetings in the morning, usually by having breakfast and some coffee first and then start working accordingly with our pre-made agenda.
+
-![Ura Team at Code Week]()
+
The Ura Team
-+
The Ura Team
The first day started with some photoshooting for the whole team which was quite a fun experience, and everyone had an updated profile within the day in all the platforms we use for our daily work. We spent the first day mostly by going back to what we had been doing so far, what had gone good and what could have been done better. As everyone shared their thoughts, we started planning what our next steps would be. While going through this process, feeling confident about we had achieved and also a bit challenged for what’s going to be next, we were all very optimistic and motivated to keep doing our work and find ways to be more creative. We had already been searching for an alternative which would help us to better organize our work and while looking for the different options, we decided to proceed with GitHub as a task manager and have our whole working process fully in the open.
+The first day started with some photoshooting for the whole team which was quite a fun experience, and everyone had an updated profile within the day in all the platforms we use for our daily work. We spent the first day mostly by going back to what we had been doing so far, what had gone good and what could have been done better. As everyone shared their thoughts, we started planning what our next steps would be. While going through this process, feeling confident about we had achieved and also a bit challenged for what’s going to be next, we were all very optimistic and motivated to keep doing our work and find ways to be more creative. We had already been searching for an alternative which would help us to better organize our work and while looking for the different options, we decided to proceed with GitHub as a task manager and have our whole working process fully in the open.
-Being a new company that promotes openness and believes in open source values, we wanted to be fully open too, about the way how we operate, how we work with our clients, how we get resources and support from different organizations and the future projects we plan to be part of. We believe that by working in the open, we are part of a more productive and transparent process especially because we have constantly been getting support from people and organizations, some through our Patreon donators but also from other sponsors and supporters. We also believe that in this way we can also get feedback from other professionals in the field and this can help us improve our work daily. Just as it happens with other open source projects, we give something and get something else back. This is our repository for our tasks management which you can feel free to take a look at and share your opinions and thoughts with us if there is any topic you are interested at or related to.
+Being a new company that promotes openness and believes in open source values, we wanted to be fully open too, about the way how we operate, how we work with our clients, how we get resources and support from different organizations and the future projects we plan to be part of. We believe that by working in the open, we are part of a more productive and transparent process especially because we have constantly been getting support from people and organizations, some through our Patreon donators but also from other sponsors and supporters. We also believe that in this way we can also get feedback from other professionals in the field and this can help us improve our work daily. Just as it happens with other open source projects, we give something and get something else back. This is our repository for our tasks management which you can feel free to take a look at and share your opinions and thoughts with us if there is any topic you are interested at or related to.
-We also decided to switch to Mattermost as a tool to communicate. As we always try to find open source solutions for every choice of platform we make, Mattermost as an open source, self-hosted approach resulted as one of the best options for us since it offers more control and privacy, which we all value so much.
+We also decided to switch to Mattermost as a tool to communicate. As we always try to find open source solutions for every choice of platform we make, Mattermost as an open source, self-hosted approach resulted as one of the best options for us since it offers more control and privacy, which we all value so much.
Of course, there were many other side activities during Work Week. We all went at the cinema together, had dinner and drinks and a great time as well.
So, now what?
-We plan to collaborate and work this way now on, share our knowledge with other people and keep spreading the open source love. More efforts now will go for our brand new product, Identihub, an open source and self-hosted software to manage and share your brand and visual assets which is keeping all the team very enthusiastic for what’s to come.
+We plan to collaborate and work this way now on, share our knowledge with other people and keep spreading the open source love. More efforts now will go for our brand new product, Identihub, an open source and self-hosted software to manage and share your brand and visual assets which is keeping all the team very enthusiastic for what’s to come.
diff --git a/_posts/2018-01-15-chaos-communication-congress-2017.md b/_posts/2018-01-15-chaos-communication-congress-2017.md index dac48db..d4b8270 100644 --- a/_posts/2018-01-15-chaos-communication-congress-2017.md +++ b/_posts/2018-01-15-chaos-communication-congress-2017.md @@ -7,6 +7,8 @@ date: 2018-01-15 12:00:00 +0200 categories: images: - images/blog/34c3_thumb.png +header: +- images/blog/elio-ccc.png tags: - Chaos Communication Congress - CCC @@ -15,19 +17,19 @@ excerpt: Chaos Communication Congress or simply CCC , is a four-day conference focusing on technology and social issues of our times. The organizers, the Chaos Computer Club, try to bring up to the spotlight privacy issues and the importance of the human rights on the digital world we “breathe” every day. Through workshops and presentations the […] --- -Chaos Communication Congress or simply CCC , is a four-day conference focusing on technology and social issues of our times. The organizers, the Chaos Computer Club, try to bring up to the spotlight privacy issues and the importance of the human rights on the digital world we “breathe” every day. Through workshops and presentations the attendees have the chance to get updated on how the unethical use of the digital resources that we have on our disposal can harm or transform our society.
+Chaos Communication Congress or simply CCC , is a four-day conference focusing on technology and social issues of our times. The organizers, the Chaos Computer Club, try to bring up to the spotlight privacy issues and the importance of the human rights on the digital world we “breathe” every day. Through workshops and presentations the attendees have the chance to get updated on how the unethical use of the digital resources that we have on our disposal can harm or transform our society.
Our team, as a collective of creative individuals dedicated to work in the open, couldn’t miss the chance to be there. We share the same values with CCC when it comes to the use of free and open source tools for our work and that’s why Elio, one of our team members and the founder of Ura, was there on the last week of December to present at the FSFS assembly track.
-![34C3]()
+
During the Identihub presentation
-+
During the Identihub presentation
The major focus of his talk was the introduction of the attendees to our creative process, the way we operate, our works with our clients so far and our latest product Identihub, the open source hosting platform for brand and visual asset management. A special part of the talk was to explain why we choose to work with open source tools and why we decided to go fully open by having a task manager on Github, which means that everyone has the chance to see our progress as weeks go by and why we support other open source initiatives out there. Of course, working in the open means that even more fellow hacktivists can contribute in every operational process of Ura, which is something we aim to grow even more in the next months.
+The major focus of his talk was the introduction of the attendees to our creative process, the way we operate, our works with our clients so far and our latest product Identihub, the open source hosting platform for brand and visual asset management. A special part of the talk was to explain why we choose to work with open source tools and why we decided to go fully open by having a task manager on Github, which means that everyone has the chance to see our progress as weeks go by and why we support other open source initiatives out there. Of course, working in the open means that even more fellow hacktivists can contribute in every operational process of Ura, which is something we aim to grow even more in the next months.
-As the new open source kid on the block, Identihub was on the primary focus of this lecture. The software and its features were presented to the participants of the assembly and explained capabilities, the license and the need of free open source organizations to improve their visual representation. At the end, our teammate explained how everyone can contribute and support this initiative, either by contributing on GitHub or supporting us financially on a monthly basis by signing up at our dedicated Patreon page. Most important, our participation at 34C3 resulted in using Identihub to host the visual identity of the conference.
+As the new open source kid on the block, Identihub was on the primary focus of this lecture. The software and its features were presented to the participants of the assembly and explained capabilities, the license and the need of free open source organizations to improve their visual representation. At the end, our teammate explained how everyone can contribute and support this initiative, either by contributing on GitHub or supporting us financially on a monthly basis by signing up at our dedicated Patreon page. Most important, our participation at 34C3 resulted in using Identihub to host the visual identity of the conference.
Of course, from an event of this kind we couldn’t miss sharing some swag. We had our stickers and 3D-printed logos distributed to the participants of the Congress.
diff --git a/_posts/2018-02-09-ura-fosdem-2018.md b/_posts/2018-02-09-ura-fosdem-2018.md index ad5d1a4..6233560 100644 --- a/_posts/2018-02-09-ura-fosdem-2018.md +++ b/_posts/2018-02-09-ura-fosdem-2018.md @@ -7,6 +7,8 @@ date: 2018-02-09 12:00:00 +0200 categories: images: - images/blog/Elio-FOSDEM2018-thumb.jpg +header: +- images/blog/Elio-FOSDEM2018.jpg tags: - FOSDEM - FOSDEM2018 @@ -16,30 +18,30 @@ excerpt: During last weekend the Ura team traveled to Brussels, Belgium to attend FOSDEM. We had the chance to be present at one of the largest conferences in Europe (and probably the largest Free Software/ Open Source one). Just like at CCC, we strive to be at events which promote collaborative projects and initiatives. In addition […] --- -During last weekend the Ura team traveled to Brussels, Belgium to attend FOSDEM. We had the chance to be present at one of the largest conferences in Europe (and probably the largest Free Software/ Open Source one). Just like at CCC, we strive to be at events which promote collaborative projects and initiatives. In addition to that, three members of the team were there as Mozilla Tech Speakers. It can be said that many of us wear various hats at the same time.
+During last weekend the Ura team traveled to Brussels, Belgium to attend FOSDEM. We had the chance to be present at one of the largest conferences in Europe (and probably the largest Free Software/ Open Source one). Just like at CCC, we strive to be at events which promote collaborative projects and initiatives. In addition to that, three members of the team were there as Mozilla Tech Speakers. It can be said that many of us wear various hats at the same time.
-![OSD booth at FOSDEM]()
+
Open Source Design infobooth – By Mariana Balla (Creative Commons – Attribution-ShareAlike 4.0 International)
-+
Open Source Design infobooth – By Mariana Balla (Creative Commons – Attribution-ShareAlike 4.0 International)
As part of the Open Source Design community, you could find us at the respective infobooth on both days. Members of our team were at the both along with other fellow designers. Together, we emphasized the importance of usability and user centered design in Open Source Projects. At the “Design Clinic” session, attendees could come to us and showcase us their project. By doing so, designers could advise them on the improvements their design would benefit from.
+As part of the Open Source Design community, you could find us at the respective infobooth on both days. Members of our team were at the both along with other fellow designers. Together, we emphasized the importance of usability and user centered design in Open Source Projects. At the “Design Clinic” session, attendees could come to us and showcase us their project. By doing so, designers could advise them on the improvements their design would benefit from.
At the Open Source Design booth, apart talking about our Design philosophy, we also had the chance to tell people about the way we operate and why we are focused on Free and Open Source Software, We were also happy to introduce “Logobridge” our side-project which helps us contribute back to the community as a whole.
-![Elio during his presentation at FOSDEM 2018]()
+
During the presentation – By Mariana Balla (Creative Commons – Attribution-ShareAlike 4.0 International)
-+
During the presentation – By Mariana Balla (Creative Commons – Attribution-ShareAlike 4.0 International)
On the 2nd day, Elio, the founder of Ura presented Identihub. He presented a live demo of the latest version we are launching. During his presentation all attendees had the chance to watch in real time how they could host their visual assets and how to use some of its features, like format conversion of a certain file. Elio emphasized the importance of SVG as the “middleman” between developers and designers and how exciting it can be if in the future we would be able to have a similar version control powered by Git which would be tailored for designers and developers alike.
+On the 2nd day, Elio, the founder of Ura presented Identihub. He presented a live demo of the latest version we are launching. During his presentation all attendees had the chance to watch in real time how they could host their visual assets and how to use some of its features, like format conversion of a certain file. Elio emphasized the importance of SVG as the “middleman” between developers and designers and how exciting it can be if in the future we would be able to have a similar version control powered by Git which would be tailored for designers and developers alike.
Further the attendees were introduced to more technical details of the project. Identihub development and discussion happen on GitHub and contributions from everyone are welcomed. Having said that, everyone who is willing to contribute to the project can do so by either contributing with patches, reporting bugs, suggesting usability improvements or creating mockups. Last but not least you can support the Identihub development financially by signing up for a monthly contribution at our dedicated Patreon.
-![Elio during his presentation about Identihub]()
+
During the presentation – By Mariana Balla (Creative Commons – Attribution-ShareAlike 4.0 International)
diff --git a/_posts/2018-02-23-inkscape-workshop-tirana.md b/_posts/2018-02-23-inkscape-workshop-tirana.md
index 65f3012..f1bce73 100644
--- a/_posts/2018-02-23-inkscape-workshop-tirana.md
+++ b/_posts/2018-02-23-inkscape-workshop-tirana.md
@@ -7,6 +7,8 @@ date: 2018-02-23 12:00:00 +0200
categories:
images:
- images/blog/Inkscape-Workshop-1-thumb.jpg
+header:
+- images/blog/Inkscape-Workshop-1.jpg
tags:
- Inkscape
- Open Source Design
@@ -15,42 +17,42 @@ excerpt:
Quite some time has passed since we first got in touch with the Open Source Design community. While being an utopian idea in the beginning, it has become clear to us that bringing Open Source values to Design and vice versa requires more of a culture shift than anything else. Having this mantra in mind, […]
---
-+
During the presentation – By Mariana Balla (Creative Commons – Attribution-ShareAlike 4.0 International)
Quite some time has passed since we first got in touch with the Open Source Design community. While being an utopian idea in the beginning, it has become clear to us that bringing Open Source values to Design and vice versa requires more of a culture shift than anything else. Having this mantra in mind, we tried to apply these principles in all communities we were part of. While Ura has a global audience, we care about our roots as well, which are in Tirana, Albania. We were happy to bring young designers in town more information about Open Source Design and the efforts the community is putting into improving Free Software/ Open Source projects.
+Quite some time has passed since we first got in touch with the Open Source Design community. While being an utopian idea in the beginning, it has become clear to us that bringing Open Source values to Design and vice versa requires more of a culture shift than anything else. Having this mantra in mind, we tried to apply these principles in all communities we were part of. While Ura has a global audience, we care about our roots as well, which are in Tirana, Albania. We were happy to bring young designers in town more information about Open Source Design and the efforts the community is putting into improving Free Software/ Open Source projects.
-![During the workshop]()
+
During the workshop
-+
During the workshop
Consequently, we organized another Design workshop at the local Open Labs Hackerspace, this time with a deep dive into Inkscape. While there have been a few designers who worked with Adobe tools, everyone was new to Inkscape, so we went all the way from explaining basic tools, to designing a poster and making it production ready. The attendees were free to pick a main topic for their poster and design it themselves. Towards the end things were becoming interesting as people debated on colors, typography and other design rules.
+Consequently, we organized another Design workshop at the local Open Labs Hackerspace, this time with a deep dive into Inkscape. While there have been a few designers who worked with Adobe tools, everyone was new to Inkscape, so we went all the way from explaining basic tools, to designing a poster and making it production ready. The attendees were free to pick a main topic for their poster and design it themselves. Towards the end things were becoming interesting as people debated on colors, typography and other design rules.
-![During the workshop]()
+
During the workshop
+
During the workshop
The workshop was great fun and we learnt new things as well! Who said that giving workshops does not teach you something too? We are looking forward to host another workshop soon.
-[Photos during the event] CC BY SA 4.0 Andis Rado
+[Photos during the event] CC BY SA 4.0 Andis Rado
-![During the workshop]()
+
+
-![During the workshop]()
+
+
-![During the workshop]()
+
+
-![During the workshop]()
+
diff --git a/_posts/2018-03-12-ura-now-part-open-tech-funds-usability-lab.md b/_posts/2018-03-12-ura-now-part-open-tech-funds-usability-lab.md
index 94d4bc3..2b0daeb 100644
--- a/_posts/2018-03-12-ura-now-part-open-tech-funds-usability-lab.md
+++ b/_posts/2018-03-12-ura-now-part-open-tech-funds-usability-lab.md
@@ -7,6 +7,8 @@ date: 2018-03-12 12:00:00 +0200
categories:
images:
- images/blog/home-banner.jpg
+header:
+- images/blog/home-banner.jpg
tags:
- Open Tech Fund
- Usability
@@ -16,23 +18,23 @@ excerpt:
Starting now, Ura will be providing Usability and Design Services to Internet Freedom projects as part of Open Tech Fund’s Usability Lab. The Usability Lab aims to increase user safety and promote practical internet freedom by working with developers and technologists to improve the usability of open source circumvention and digital security […]
---
-+
Starting now, Ura will be providing Usability and Design Services to Internet Freedom projects as part of Open Tech Fund’s Usability Lab.
+Starting now, Ura will be providing Usability and Design Services to Internet Freedom projects as part of Open Tech Fund’s Usability Lab.
-![OTF logo]()
+
-+
The Usability Lab aims to increase user safety and promote practical internet freedom by working with developers and technologists to improve the usability of open source circumvention and digital security tools. There are many open source software projects that aim to help people around the world – activists, journalists, and everyday citizens – communicate in privacy and security.
+
The Usability Lab aims to increase user safety and promote practical internet freedom by working with developers and technologists to improve the usability of open source circumvention and digital security tools. There are many open source software projects that aim to help people around the world – activists, journalists, and everyday citizens – communicate in privacy and security.
Unfortunately, few of these software development teams have the capacity or expertise in-house to make tools that are truly usable. These usability challenges hamper tool adoption, or may cause misunderstandings for users about tool functionalities, and subsequently may give users a false sense of security.
To provide the above services, Open Tech Fund (OTF) is working together with four different Usability Lab partners (among them also Simply Secure with whom we have collaborated in the past). As Ura we are proud to be involved in the Usability Lab and contribute to the improvement and accessibility of Internet Freedom projects.
+To provide the above services, Open Tech Fund (OTF) is working together with four different Usability Lab partners (among them also Simply Secure with whom we have collaborated in the past). As Ura we are proud to be involved in the Usability Lab and contribute to the improvement and accessibility of Internet Freedom projects.
About Open Tech Fund
-The Open Technology Fund utilizes available funds to support Internet freedom projects that empower world citizens to have access to modern communication channels that are free of restrictions, and allow them to communicate without fear of repressive censorship or surveillance.
+The Open Technology Fund utilizes available funds to support Internet freedom projects that empower world citizens to have access to modern communication channels that are free of restrictions, and allow them to communicate without fear of repressive censorship or surveillance.
@@ -47,4 +49,4 @@ Unfortunately, few of these software development teams have the capacity or ex
If you are interested to request help from the Usability Lab, you can file a request via OTF.
If you are specifically requesting Ura’s services and believe that your project or tool and meets the criteria, you can also contact us directly and we will help you frame a scope of work proposal.
If you are interested to request help from the Usability Lab, you can file a request via OTF.
If you are specifically requesting Ura’s services and believe that your project or tool and meets the criteria, you can also contact us directly and we will help you frame a scope of work proposal.
-![]()
+
diff --git a/about.html b/about.html
index 7ca9f9c..164f96b 100644
--- a/about.html
+++ b/about.html
@@ -80,7 +80,7 @@ members:
+
Ura is a digital studio which focuses on visual communication solutions tailored for Open Source and Internet Freedom projects. Ura was founded in 2016 in Albania to cater to the ever-rising demand for Usability and Design services in Open Source Software. We specialize in UX Design, Design Systems Research and Visual Identity.
-Our work can be seen across various Open Source projects such as Mozilla, The Tor Project and The Linux Foundation.
+Our work can be seen across various Open Source projects such as Mozilla, The Tor Project and The Linux Foundation.
We also develop Identihub, Open Source Software to self-host visual assets and identities to ease collaboration between designers and developers.
diff --git a/css/app.css b/css/app.css
index 4a89997..736e309 100755
--- a/css/app.css
+++ b/css/app.css
@@ -3435,7 +3435,7 @@ ul.pagination {
.pricing-table .title {
background-color: #333333;
color: #EEEEEE;
- font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-family: '"Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
padding: 0.9375rem 1.25rem;
diff --git a/css/linea-arrows-styles.css b/css/linea-arrows-styles.css
index 61537a8..d74e2bc 100755
--- a/css/linea-arrows-styles.css
+++ b/css/linea-arrows-styles.css
@@ -9,6 +9,7 @@
url("../fonts/linea-arrows/linea-arrows-10.svg#linea-arrows-10") format("svg");
font-weight: normal;
font-style: normal;
+
}
[data-icon]:before {
diff --git a/css/linea-styles.css b/css/linea-styles.css
index 7139f1f..9284191 100755
--- a/css/linea-styles.css
+++ b/css/linea-styles.css
@@ -9,6 +9,7 @@
url("../fonts/linea/linea-basic-10.svg#linea-basic-10") format("svg");
font-weight: normal;
font-style: normal;
+
}
[data-icon]:before {
diff --git a/css/slick-theme.css b/css/slick-theme.css
index 253038d..e72c899 100755
--- a/css/slick-theme.css
+++ b/css/slick-theme.css
@@ -1,8 +1,8 @@
@charset "UTF-8";
/* Slider */
-/* .slick-loading .slick-list {
+/*.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat; }*/
-
+
/* Icons */
/*@font-face {
font-family: "slick";
diff --git a/css/style.css b/css/style.css
index 148249f..10b7154 100755
--- a/css/style.css
+++ b/css/style.css
@@ -361,9 +361,6 @@ body {
.button.thunderbird::before {
background: #0A84FF; }
-.button.libocon::before {
- background: #11A500; }
-
.button.boxed.white {
border: 1px solid #fff;
background: none;
@@ -458,15 +455,6 @@ body {
color: #fff;
background: #0A84FF; }
-.button.boxed.libocon {
- border: 1px solid #11A500;
- background: none;
- color: #11A500; }
-
-.button.boxed.libocon:hover {
- color: #fff;
- background: ##11A500; }
-
.button.boxed.openlabs {
border: 1px solid #2BBBB0;
background: none;
diff --git a/images/projects/tb_overview.png b/images/projects/tb_overview.png
index b5aca58..5344449 100644
Binary files a/images/projects/tb_overview.png and b/images/projects/tb_overview.png differ
diff --git a/index.html b/index.html
index 4b8091f..df80608 100644
--- a/index.html
+++ b/index.html
@@ -110,7 +110,7 @@ clients:
-
{% endfor %}
@@ -126,7 +126,7 @@ clients:
- ![]()
+ 
@@ -135,8 +135,8 @@ clients:
+
Design, but Open
Ura is a digital studio which focuses on visual communication solutions tailored for Open Source and Internet Freedom projects. Ura was founded in 2016 in Albania to cater to the ever-rising demand for Usability and Design services in Open Source Software. We specialize in UX Design, Design Systems Research and Visual Identity.
-Our work can be seen across various Open Source projects such as Mozilla, The Tor Project and The Linux Foundation.
-We also develop Identihub, Open Source Software to self-host visual assets and identities to ease collaboration between designers and developers.
+Our work can be seen across various Open Source projects such as Mozilla, The Tor Project and The Linux Foundation.
+We also develop Identihub, Open Source Software to self-host visual assets and identities to ease collaboration between designers and developers.
Learn more
@@ -158,7 +158,7 @@ clients:
@@ -181,11 +181,11 @@ clients:
@@ -196,11 +196,11 @@ clients:
@@ -226,7 +226,7 @@ clients:
{% for work in page.works_left %}
{% for client in page.clients %}
- ![]()
+ 
{% endfor %}
- ![]()
+ 
{{work.title}}
{{work.categories}}
@@ -239,7 +239,7 @@ clients: {% for work in page.works_middle %}
- ![]()
+
{{work.title}}
{{work.categories}}
@@ -252,7 +252,7 @@ clients: {% for work in page.works_right %}
- ![]()
+
+Header set Cache-Control "max-age=15778476, public"
+
diff --git a/js/lazyload.js b/js/lazyload.js
new file mode 100644
index 0000000..bdf9180
--- /dev/null
+++ b/js/lazyload.js
@@ -0,0 +1,301 @@
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+(function (global, factory) {
+ (typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : global.LazyLoad = factory();
+})(this, function () {
+ 'use strict';
+
+ var getInstanceSettings = function getInstanceSettings(customSettings) {
+ var defaultSettings = {
+ elements_selector: "img",
+ container: document,
+ threshold: 300,
+ data_src: "src",
+ data_srcset: "srcset",
+ data_sizes: "sizes",
+ class_loading: "loading",
+ class_loaded: "loaded",
+ class_error: "error",
+ callback_load: null,
+ callback_error: null,
+ callback_set: null,
+ callback_enter: null
+ };
+
+ return _extends({}, defaultSettings, customSettings);
+ };
+
+ var dataPrefix = "data-";
+ var processedDataName = "was-processed";
+ var processedDataValue = "true";
+
+ var getData = function getData(element, attribute) {
+ return element.getAttribute(dataPrefix + attribute);
+ };
+
+ var setData = function setData(element, attribute, value) {
+ return element.setAttribute(dataPrefix + attribute, value);
+ };
+
+ var setWasProcessed = function setWasProcessed(element) {
+ return setData(element, processedDataName, processedDataValue);
+ };
+
+ var getWasProcessed = function getWasProcessed(element) {
+ return getData(element, processedDataName) === processedDataValue;
+ };
+
+ function purgeElements(elements) {
+ return elements.filter(function (element) {
+ return !getWasProcessed(element);
+ });
+ }
+
+ /* Creates instance and notifies it through the window element */
+ var createInstance = function createInstance(classObj, options) {
+ var event;
+ var eventString = "LazyLoad::Initialized";
+ var instance = new classObj(options);
+ try {
+ // Works in modern browsers
+ event = new CustomEvent(eventString, { detail: { instance: instance } });
+ } catch (err) {
+ // Works in Internet Explorer (all versions)
+ event = document.createEvent("CustomEvent");
+ event.initCustomEvent(eventString, false, false, { instance: instance });
+ }
+ window.dispatchEvent(event);
+ };
+
+ /* Auto initialization of one or more instances of lazyload, depending on the
+ options passed in (plain object or an array) */
+ function autoInitialize(classObj, options) {
+ if (!options.length) {
+ // Plain object
+ createInstance(classObj, options);
+ } else {
+ // Array of objects
+ for (var i = 0, optionsItem; optionsItem = options[i]; i += 1) {
+ createInstance(classObj, optionsItem);
+ }
+ }
+ }
+
+ var setSourcesInChildren = function setSourcesInChildren(parentTag, attrName, dataAttrName) {
+ for (var i = 0, childTag; childTag = parentTag.children[i]; i += 1) {
+ if (childTag.tagName === "SOURCE") {
+ var attributeValue = getData(childTag, dataAttrName);
+ if (attributeValue) {
+ childTag.setAttribute(attrName, attributeValue);
+ }
+ }
+ }
+ };
+
+ var setAttributeIfNotNullOrEmpty = function setAttributeIfNotNullOrEmpty(element, attrName, value) {
+ if (!value) {
+ return;
+ }
+ element.setAttribute(attrName, value);
+ };
+
+ var setSources = function setSources(element, settings) {
+ var sizesDataName = settings.data_sizes,
+ srcsetDataName = settings.data_srcset,
+ srcDataName = settings.data_src;
+
+ var srcDataValue = getData(element, srcDataName);
+ switch (element.tagName) {
+ case "IMG":
+ {
+ var parent = element.parentNode;
+ if (parent && parent.tagName === "PICTURE") {
+ setSourcesInChildren(parent, "srcset", srcsetDataName);
+ }
+ var sizesDataValue = getData(element, sizesDataName);
+ setAttributeIfNotNullOrEmpty(element, "sizes", sizesDataValue);
+ var srcsetDataValue = getData(element, srcsetDataName);
+ setAttributeIfNotNullOrEmpty(element, "srcset", srcsetDataValue);
+ setAttributeIfNotNullOrEmpty(element, "src", srcDataValue);
+ break;
+ }
+ case "IFRAME":
+ setAttributeIfNotNullOrEmpty(element, "src", srcDataValue);
+ break;
+ case "VIDEO":
+ setSourcesInChildren(element, "src", srcDataName);
+ setAttributeIfNotNullOrEmpty(element, "src", srcDataValue);
+ break;
+ default:
+ if (srcDataValue) {
+ element.style.backgroundImage = 'url("' + srcDataValue + '")';
+ }
+ }
+ };
+
+ var isBot = "onscroll" in window && !/glebot/.test(navigator.userAgent);
+
+ var runningOnBrowser = typeof window !== "undefined";
+
+ var supportsIntersectionObserver = runningOnBrowser && "IntersectionObserver" in window;
+
+ var supportsClassList = runningOnBrowser && "classList" in document.createElement("p");
+
+ var addClass = function addClass(element, className) {
+ if (supportsClassList) {
+ element.classList.add(className);
+ return;
+ }
+ element.className += (element.className ? " " : "") + className;
+ };
+
+ var removeClass = function removeClass(element, className) {
+ if (supportsClassList) {
+ element.classList.remove(className);
+ return;
+ }
+ element.className = element.className.replace(new RegExp("(^|\\s+)" + className + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "");
+ };
+
+ var callCallback = function callCallback(callback, argument) {
+ if (callback) {
+ callback(argument);
+ }
+ };
+
+ var loadString = "load";
+ var errorString = "error";
+
+ var removeListeners = function removeListeners(element, loadHandler, errorHandler) {
+ element.removeEventListener(loadString, loadHandler);
+ element.removeEventListener(errorString, errorHandler);
+ };
+
+ var addOneShotListeners = function addOneShotListeners(element, settings) {
+ var onLoad = function onLoad(event) {
+ onEvent(event, true, settings);
+ removeListeners(element, onLoad, onError);
+ };
+ var onError = function onError(event) {
+ onEvent(event, false, settings);
+ removeListeners(element, onLoad, onError);
+ };
+ element.addEventListener(loadString, onLoad);
+ element.addEventListener(errorString, onError);
+ };
+
+ var onEvent = function onEvent(event, success, settings) {
+ var element = event.target;
+ removeClass(element, settings.class_loading);
+ addClass(element, success ? settings.class_loaded : settings.class_error); // Setting loaded or error class
+ callCallback(success ? settings.callback_load : settings.callback_error, element);
+ };
+
+ function revealElement(element, settings, force) {
+ if (!force && getWasProcessed(element)) {
+ return; // element has already been processed and force wasn't true
+ }
+ callCallback(settings.callback_enter, element);
+ if (["IMG", "IFRAME", "VIDEO"].indexOf(element.tagName) > -1) {
+ addOneShotListeners(element, settings);
+ addClass(element, settings.class_loading);
+ }
+ setSources(element, settings);
+ setWasProcessed(element);
+ callCallback(settings.callback_set, element);
+ }
+
+ /* entry.isIntersecting needs fallback because is null on some versions of MS Edge, and
+ entry.intersectionRatio is not enough alone because it could be 0 on some intersecting elements */
+ var isIntersecting = function isIntersecting(element) {
+ return element.isIntersecting || element.intersectionRatio > 0;
+ };
+
+ var getObserverSettings = function getObserverSettings(settings) {
+ return {
+ root: settings.container === document ? null : settings.container,
+ rootMargin: settings.threshold + "px"
+ };
+ };
+
+ var LazyLoad = function LazyLoad(customSettings, elements) {
+ this._settings = getInstanceSettings(customSettings);
+ this._setObserver();
+ this.update(elements);
+ };
+
+ LazyLoad.prototype = {
+ _setObserver: function _setObserver() {
+ var _this = this;
+
+ if (!supportsIntersectionObserver) {
+ return;
+ }
+ var revealIntersectingElements = function revealIntersectingElements(entries) {
+ entries.forEach(function (entry) {
+ if (isIntersecting(entry)) {
+ var element = entry.target;
+ _this.load(element);
+ _this._observer.unobserve(element);
+ }
+ });
+ _this._elements = purgeElements(_this._elements);
+ };
+ this._observer = new IntersectionObserver(revealIntersectingElements, getObserverSettings(this._settings));
+ },
+
+ loadAll: function loadAll() {
+ var _this2 = this;
+
+ this._elements.forEach(function (element) {
+ _this2.load(element);
+ });
+ this._elements = purgeElements(this._elements);
+ },
+
+ update: function update(elements) {
+ var _this3 = this;
+
+ var settings = this._settings;
+ var nodeSet = elements || settings.container.querySelectorAll(settings.elements_selector);
+
+ this._elements = purgeElements(Array.prototype.slice.call(nodeSet)); // nodeset to array for IE compatibility
+
+ if (isBot || !this._observer) {
+ this.loadAll();
+ return;
+ }
+
+ this._elements.forEach(function (element) {
+ _this3._observer.observe(element);
+ });
+ },
+
+ destroy: function destroy() {
+ var _this4 = this;
+
+ if (this._observer) {
+ purgeElements(this._elements).forEach(function (element) {
+ _this4._observer.unobserve(element);
+ });
+ this._observer = null;
+ }
+ this._elements = null;
+ this._settings = null;
+ },
+
+ load: function load(element, force) {
+ revealElement(element, this._settings, force);
+ }
+ };
+
+ /* Automatic instances creation if required (useful for async script loading!) */
+ var autoInitOptions = window.lazyLoadOptions;
+ if (runningOnBrowser && autoInitOptions) {
+ autoInitialize(LazyLoad, autoInitOptions);
+ }
+
+ return LazyLoad;
+});
\ No newline at end of file
diff --git a/js/lazyload.min.js b/js/lazyload.min.js
deleted file mode 100644
index 86fba10..0000000
--- a/js/lazyload.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-var _extends=Object.assign||function(t){for(var e=1;e-1&&(N(t,e),E(t,e.class_loading)),w(t,e),a(t),L(e.callback_set,t))}var n={elements_selector:"img",container:document,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",class_loading:"loading",class_loaded:"loaded",class_error:"error",load_delay:0,callback_load:null,callback_error:null,callback_set:null,callback_enter:null,to_webp:!1},r=function(t){return _extends({},n,t)},o=function(t,e){return t.getAttribute("data-"+e)},s=function(t,e,n){var r="data-"+e;null!==n?t.setAttribute(r,n):t.removeAttribute(r)},a=function(t){return s(t,"was-processed","true")},i=function(t){return"true"===o(t,"was-processed")},c=function(t,e){return s(t,"ll-timeout",e)},l=function(t){return o(t,"ll-timeout")},u=function(t,e){var n,r=new t(e);try{n=new CustomEvent("LazyLoad::Initialized",{detail:{instance:r}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent("LazyLoad::Initialized",!1,!1,{instance:r})}window.dispatchEvent(n)},d=function(t,e){return e?t.replace(/\.(jpe?g|png)/gi,".webp"):t},f="undefined"!=typeof window,_=f&&!("onscroll"in window)||/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),v=f&&"IntersectionObserver"in window,m=f&&"classList"in document.createElement("p"),h=f&&function(){var t=document.createElement("canvas");return!(!t.getContext||!t.getContext("2d"))&&0===t.toDataURL("image/webp").indexOf("data:image/webp")}(),b=function(t,e,n,r){for(var s,a=0;s=t.children[a];a+=1)if("SOURCE"===s.tagName){var i=o(s,n);p(s,e,i,r)}},p=function(t,e,n,r){n&&t.setAttribute(e,d(n,r))},g=function(t,e){var n=h&&e.to_webp,r=o(t,e.data_src);if(r){var s=d(r,n);t.style.backgroundImage='url("'+s+'")'}},y={IMG:function(t,e){var n=h&&e.to_webp,r=e.data_srcset,s=t.parentNode;s&&"PICTURE"===s.tagName&&b(s,"srcset",r,n);var a=o(t,e.data_sizes);p(t,"sizes",a);var i=o(t,r);p(t,"srcset",i,n);var c=o(t,e.data_src);p(t,"src",c,n)},IFRAME:function(t,e){var n=o(t,e.data_src);p(t,"src",n)},VIDEO:function(t,e){var n=e.data_src,r=o(t,n);b(t,"src",n),p(t,"src",r),t.load()}},w=function(t,e){var n=t.tagName,r=y[n];r?r(t,e):g(t,e)},E=function(t,e){m?t.classList.add(e):t.className+=(t.className?" ":"")+e},I=function(t,e){m?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},L=function(t,e){t&&t(e)},O=function(t,e,n){t.addEventListener(e,n)},x=function(t,e,n){t.removeEventListener(e,n)},A=function(t,e,n){O(t,"load",e),O(t,"loadeddata",e),O(t,"error",n)},z=function(t,e,n){x(t,"load",e),x(t,"loadeddata",e),x(t,"error",n)},k=function(t,e,n){var r=e?n.class_loaded:n.class_error,o=e?n.callback_load:n.callback_error,s=t.target;I(s,n.class_loading),E(s,r),L(o,s)},N=function(t,e){var n=function n(o){k(o,!0,e),z(t,n,r)},r=function r(o){k(o,!1,e),z(t,n,r)};A(t,n,r)},C=["IMG","IFRAME","VIDEO"],R=function(t,n,r){e(t,r),n.unobserve(t)},S=function(t){var e=l(t);e&&(clearTimeout(e),c(t,null))},M=function(t,e,n){var r=n.load_delay,o=l(t);o||(o=setTimeout(function(){R(t,e,n),S(t)},r),c(t,o))},j=function(t){return t.isIntersecting||t.intersectionRatio>0},D=function(t){return{root:t.container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}},T=function(t,e){this._settings=r(t),this._setObserver(),this.update(e)};return T.prototype={_manageIntersection:function(t){var e=this._observer,n=this._settings,r=this._settings.load_delay,o=t.target;j(t)&&(r?M(o,e,n):R(o,e,n)),j(t)||S(o)},_onIntersection:function(e){e.forEach(this._manageIntersection.bind(this)),this._elements=t(this._elements)},_setObserver:function(){v&&(this._observer=new IntersectionObserver(this._onIntersection.bind(this),D(this._settings)))},loadAll:function(){var e=this;this._elements.forEach(function(t){e.load(t)}),this._elements=t(this._elements)},update:function(e){var n=this,r=this._settings,o=e||r.container.querySelectorAll(r.elements_selector);this._elements=t(Array.prototype.slice.call(o)),!_&&this._observer?this._elements.forEach(function(t){n._observer.observe(t)}):this.loadAll()},destroy:function(){var e=this;this._observer&&(t(this._elements).forEach(function(t){e._observer.unobserve(t)}),this._observer=null),this._elements=null,this._settings=null},load:function(t,n){e(t,this._settings,n)}},f&&function(t,e){if(e)if(e.length)for(var n,r=0;n=e[r];r+=1)u(t,n);else u(t,e)}(T,window.lazyLoadOptions),T});
-//# sourceMappingURL=lazyload.min.js.map
diff --git a/projects/index.html b/projects/index.html
index ebbd967..ba071ab 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -36,10 +36,7 @@ works_right:
link_to: enigmail
image: images/projects/enigmail_overview.png
categories: Visual Identity
-- title: LibOCon 2018 Visual Identity
- link_to: libocon
- image: images/projects/libocon_overview.png
- categories: Visual Identity
+
---
{{work.title}}
{{work.categories}}
@@ -269,8 +269,8 @@ clients: diff --git a/js/.htaccess b/js/.htaccess new file mode 100644 index 0000000..28cf99f --- /dev/null +++ b/js/.htaccess @@ -0,0 +1,3 @@ +
@@ -59,7 +56,7 @@ works_right:
{% for work in page.works_left %}
- 
+
{{work.title}}
{{work.categories}}
@@ -72,7 +69,7 @@ works_right: {% for work in page.works_middle %}
-
+
{{work.title}}
{{work.categories}}
@@ -85,7 +82,7 @@ works_right: {% for work in page.works_right %}
-
+
-
{{work.title}}
{{work.categories}}
diff --git a/projects/libocon.html b/projects/libocon.html deleted file mode 100644 index 72d655e..0000000 --- a/projects/libocon.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -layout: default -section_id: portfolio -title: LibOCon 2018 Visual Identity ---- - -
-
-
-
-
-
-
-
- LibOCon 2018 Visual Identity
-
-
-
-
-
- 
-
- 
-
-
-
-
-
-
-
-
-
-
- -
- Sources
-
Identihub
- Website -
- LibOCon is the annual gathering of the LibreOffice community. At LibOCon, LibreOffice users gather to network and meet key LibreOffice developers, designers, localizers, documenters, supporters and marketers, and to learn about the latest in LibreOffice development.
-We worked on the conference visual identity as a sponsor of the event.
-- -
Date
-September, 2018
-Clients
- -Category
-Visual Identity
-- Sources
-
Identihub- Website -
-
-
-
-
-
-
-
- Related projects
-
-
-
-
-
-
-
-
-
-
- 
- 
- 
-