32 changed files with 2133 additions and 0 deletions
@ -0,0 +1,225 @@ |
|||||
|
OFL FAQ - Frequently Asked Questions about the SIL Open Font License (OFL) |
||||
|
Version 1.1 - 26 February 2007 |
||||
|
(See http://scripts.sil.org/OFL for updates) |
||||
|
|
||||
|
|
||||
|
1 ABOUT USING AND DISTRIBUTING FONTS LICENSED UNDER THE OFL |
||||
|
|
||||
|
1.1 Can I use the fonts in any publication, even embedded in the file? |
||||
|
Yes. You may use them like most other fonts, but unlike some fonts you may include an embedded subset of the fonts in your document. Such use does not require you to include this license or other files (listed in OFL condition 2), nor does it require any type of acknowledgement within the publication. Some mention of the font name within the publication information (such as in a colophon) is usually appreciated. If you wish to include the complete font as a separate file, you should distribute the full font package, including all existing acknowledgements, and comply with the OFL conditions. Of course, referencing or embedding an OFL font in any document does not change the license of the document itself. The requirement for fonts to remain under the OFL does not apply to any document created using the fonts and their derivatives. Similarly, creating any kind of graphic using a font under OFL does not make the resulting artwork subject to the OFL. |
||||
|
|
||||
|
1.2 Can I make web pages using these fonts? |
||||
|
Yes! Go ahead! Using CSS (Cascading Style Sheets) is recommended. |
||||
|
|
||||
|
1.3 Can I make the fonts available to others from my web site? |
||||
|
Yes, as long as you meet the conditions of the license (do not sell by itself, include the necessary files, rename Modified Versions, do not abuse the Author(s)' name(s) and do not sublicense). |
||||
|
|
||||
|
1.4 Can the fonts be included with Free/Libre and Open Source Software collections such as GNU/Linux and BSD distributions? |
||||
|
Yes! Fonts licensed under the OFL can be freely aggregated with software under FLOSS (Free/Libre and Open Source Software) licenses. Since fonts are much more useful aggregated to than merged with existing software, possible incompatibility with existing software licenses is not a problem. You can also repackage the fonts and the accompanying components in a .rpm or .deb package and include them in distro CD/DVDs and online repositories. |
||||
|
|
||||
|
1.5 I want to distribute the fonts with my program. Does this mean my program also has to be free and open source software? |
||||
|
No. Only the portions based on the font software are required to be released under the OFL. The intent of the license is to allow aggregation or bundling with software under restricted licensing as well. |
||||
|
|
||||
|
1.6 Can I include the fonts on a CD of freeware or commercial fonts? |
||||
|
Yes, as long some other font or software is also on the disk, so the OFL font is not sold by itself. |
||||
|
|
||||
|
1.7 Can I sell a software package that includes these fonts? |
||||
|
Yes, you can do this with both the Original Version and a Modified Version. Examples of bundling made possible by the OFL would include: word processors, design and publishing applications, training and educational software, edutainment software, etc. |
||||
|
|
||||
|
1.8 Why won't the OFL let me sell the fonts alone? |
||||
|
The intent is to keep people from making money by simply redistributing the fonts. The only people who ought to profit directly from the fonts should be the original authors, and those authors have kindly given up potential direct income to distribute their fonts under the OFL. Please honor and respect their contribution! |
||||
|
|
||||
|
1.9 I've come across a font released under the OFL. How can I easily get more information about the Original Version? How can I know where it stands compared to the Original Version or other Modified Versions? |
||||
|
Consult the copyright statement(s) in the license for ways to contact the original authors. Consult the FONTLOG for information on how the font differs from the Original Version, and get in touch with the various contributors via the information in the acknowledgment section. Please consider using the Original Versions of the fonts whenever possible. |
||||
|
|
||||
|
1.10 What do you mean in condition 4? Can you provide examples of abusive promotion / endorsement / advertisement vs. normal acknowledgement? |
||||
|
The intent is that the goodwill and reputation of the author(s) should not be used in a way that makes it sound like the original author(s) endorse or approve of a specific Modified Version or software bundle. For example, it would not be right to advertise a word processor by naming the author(s) in a listing of software features, or to promote a Modified Version on a web site by saying "designed by ...". However, it would be appropriate to acknowledge the author(s) if your software package has a list of people who deserve thanks. We realize that this can seem to be a gray area, but the standard used to judge an acknowledgement is that if the acknowledgement benefits the author(s) it is allowed, but if it primarily benefits other parties, or could reflect poorly on the author(s), then it is not. |
||||
|
|
||||
|
|
||||
|
2 ABOUT MODIFYING OFL LICENSED FONTS |
||||
|
|
||||
|
2.1 Can I change the fonts? Are there any limitations to what things I can and cannot change? |
||||
|
You are allowed to change anything, as long as such changes do not violate the terms of the license. In other words, you are not allowed to remove the copyright statement(s) from the font, but you could add additional information into it that covers your contribution. |
||||
|
|
||||
|
2.2 I have a font that needs a few extra glyphs - can I take them from an OFL licensed font and copy them into mine? |
||||
|
Yes, but if you distribute that font to others it must be under the OFL, and include the information mentioned in condition 2 of the license. |
||||
|
|
||||
|
2.3 Can I charge people for my additional work? In other words, if I add a bunch of special glyphs and/or OpenType/Graphite code, can I sell the enhanced font? |
||||
|
Not by itself. Derivative fonts must be released under the OFL and cannot be sold by themselves. It is permitted, however, to include them in a larger software package (such as text editors, office suites or operating systems), even if the larger package is sold. In that case, you are strongly encouraged, but not required, to also make that derived font easily and freely available outside of the larger package. |
||||
|
|
||||
|
2.4 Can I pay someone to enhance the fonts for my use and distribution? |
||||
|
Yes. This is a good way to fund the further development of the fonts. Keep in mind, however, that if the font is distributed to others it must be under the OFL. You won't be able to recover your investment by exclusively selling the font, but you will be making a valuable contribution to the community. Please remember how you have benefitted from the contributions of others. |
||||
|
|
||||
|
2.5 I need to make substantial revisions to the font to make it work with my program. It will be a lot of work, and a big investment, and I want to be sure that it can only be distributed with my program. Can I restrict its use? |
||||
|
No. If you redistribute a Modified Version of the font it must be under the OFL. You may not restrict it in any way. This is intended to ensure that all released improvements to the fonts become available to everyone. But you will likely get an edge over competitors by being the first to distribute a bundle with the enhancements. Again, please remember how you have benefitted from the contributions of others. |
||||
|
|
||||
|
2.6 Do I have to make any derivative fonts (including source files, build scripts, documentation, etc.) publicly available? |
||||
|
No, but please do share your improvements with others. You may find that you receive more than what you gave in return. |
||||
|
|
||||
|
2.7 Why can't I use the Reserved Font Name(s) in my derivative font names? I'd like people to know where the design came from. |
||||
|
The best way to acknowledge the source of the design is to thank the original authors and any other contributors in the files that are distributed with your revised font (although no acknowledgement is required). The FONTLOG is a natural place to do this. Reserved Font Name(s) ensure that the only fonts that have the original names are the unmodified Original Versions. This allows designers to maintain artistic integrity while allowing collaboration to happen. It eliminates potential confusion and name conflicts. When choosing a name be creative and avoid names that reuse almost all the same letters in the same order or sound like the original. Keep in mind that the Copyright Holder(s) can allow a specific trusted partner to use Reserved Font Name(s) through a separate written agreement. |
||||
|
|
||||
|
2.8 What do you mean by "primary name as presented to the user"? Are you referring to the font menu name? |
||||
|
Yes, the requirement to change the visible name used to differentiate the font from others applies to the font menu name and other mechanisms to specify a font in a document. It would be fine, for example, to keep a text reference to the original fonts in the description field, in your modified source file or in documentation provided alongside your derivative as long as no one could be confused that your modified source is the original. But you cannot use the Reserved Font Names in any way to identify the font to the user (unless the Copyright Holder(s) allow(s) it through a separate agreement; see section 2.7). Users who install derivatives ("Modified Versions") on their systems should not see any of the original names ("Reserved Font Names") in their font menus, for example. Again, this is to ensure that users are not confused and do not mistake a font for another and so expect features only another derivative or the Original Version can actually offer. Ultimately, creating name conflicts will cause many problems for the users as well as for the designer of both the Original and Modified versions, so please think ahead and find a good name for your own derivative. Font substitution systems like fontconfig, or application-level font fallback configuration within OpenOffice.org or Scribus, will also get very confused if the name of the font they are configured to substitute to actually refers to another physical font on the user's hard drive. It will help everyone if Original Versions and Modified Versions can easily be distinguished from one another and from other derivatives. The substitution mechanism itself is outside the scope of the license. Users can always manually change a font reference in a document or set up some kind of substitution at a higher level but at the lower level the fonts themselves have to respect the Reserved Font Name(s) requirement to prevent ambiguity. If a substitution is currently active the user should be aware of it. |
||||
|
|
||||
|
2.9 Am I not allowed to use any part of the Reserved Font Names? |
||||
|
You may not use the words of the font names, but you would be allowed to use parts of words, as long as you do not use any word from the Reserved Font Names entirely. We do not recommend using parts of words because of potential confusion, but it is allowed. For example, if "Foobar" was a Reserved Font Name, you would be allowed to use "Foo" or "bar", although we would not recommend it. Such an unfortunate choice would confuse the users of your fonts as well as make it harder for other designers to contribute. |
||||
|
|
||||
|
2.10 So what should I, as an author, identify as Reserved Font Names? |
||||
|
Original authors are encouraged to name their fonts using clear, distinct names, and only declare the unique parts of the name as Reserved Font Names. For example, the author of a font called "Foobar Sans" would declare "Foobar" as a Reserved Font Name, but not "Sans", as that is a common typographical term, and may be a useful word to use in a derivative font name. Reserved Font Names should also be single words. A font called "Flowing River" should have Reserved Font Names "Flowing" and "River", not "Flowing River". |
||||
|
|
||||
|
2.11 Do I, as an author, have to identify any Reserved Font Names? |
||||
|
No, but we strongly encourage you to do so. This is to avoid confusion between your work and Modified versions. You may, however, give certain trusted parties the right to use any of your Reserved Font Names through separate written agreements. For example, even if "Foobar" is a RFN, you could write up an agreement to give company "XYZ" the right to distribute a modified version with a name that includes "Foobar". This allows for freedom without confusion. |
||||
|
|
||||
|
2.12 Are any names (such as the main font name) reserved by default? |
||||
|
No. That is a change to the license as of version 1.1. If you want any names to be Reserved Font Names, they must be specified after the copyright statement(s). |
||||
|
|
||||
|
2.13 What is this FONTLOG thing exactly? |
||||
|
It has three purposes: 1) to provide basic information on the font to users and other developers, 2) to document changes that have been made to the font or accompanying files, either by the original authors or others, and 3) to provide a place to acknowledge the authors and other contributors. Please use it! See below for details on how changes should be noted. |
||||
|
|
||||
|
2.14 Am I required to update the FONTLOG? |
||||
|
No, but users, designers and other developers might get very frustrated at you if you don't! People need to know how derivative fonts differ from the original, and how to take advantage of the changes, or build on them. |
||||
|
|
||||
|
|
||||
|
3 ABOUT THE FONTLOG |
||||
|
|
||||
|
The FONTLOG can take a variety of formats, but should include these four sections: |
||||
|
|
||||
|
3.1 FONTLOG for <FontFamilyName> |
||||
|
This file provides detailed information on the <FontFamilyName> font software. This information should be distributed along with the <FontFamilyName> fonts and any derivative works. |
||||
|
|
||||
|
3.2 Basic Font Information |
||||
|
(Here is where you would describe the purpose and brief specifications for the font project, and where users can find more detailed documentation. It can also include references to how changes can be contributed back to the Original Version. You may also wish to include a short guide to the design, or a reference to such a document.) |
||||
|
|
||||
|
3.3 ChangeLog |
||||
|
(This should list both major and minor changes, most recent first. Here are some examples:) |
||||
|
|
||||
|
7 February 2007 (Pat Johnson) <NewFontFamilyName> Version 1.3 |
||||
|
- Added Greek and Cyrillic glyphs |
||||
|
- Released as "<NewFontFamilyName>" |
||||
|
|
||||
|
7 March 2006 (Fred Foobar) <NewFontFamilyName> Version 1.2 |
||||
|
- Tweaked contextual behaviours |
||||
|
- Released as "<NewFontFamilyName>" |
||||
|
|
||||
|
1 Feb 2005 (Jane Doe) <NewFontFamilyName> Version 1.1 |
||||
|
- Improved build script performance and verbosity |
||||
|
- Extended the smart code documentation |
||||
|
- Corrected minor typos in the documentation |
||||
|
- Fixed position of combining inverted breve below (U+032F) |
||||
|
- Added OpenType/Graphite smart code for Armenian |
||||
|
- Added Armenian glyphs (U+0531 -> U+0587) |
||||
|
- Released as "<NewFontFamilyName>" |
||||
|
|
||||
|
1 Jan 2005 (Joe Smith) <FontFamilyName> Version 1.0 |
||||
|
- Initial release of font "<FontFamilyName>" |
||||
|
|
||||
|
3.4 Acknowledgements |
||||
|
(Here is where contributors can be acknowledged. |
||||
|
|
||||
|
If you make modifications be sure to add your name (N), email (E), web-address (W) and description (D). This list is sorted by last name in alphabetical order.) |
||||
|
|
||||
|
N: Jane Doe |
||||
|
E: jane@university.edu |
||||
|
W: http://art.university.edu/projects/fonts |
||||
|
D: Contributor - Armenian glyphs and code |
||||
|
|
||||
|
N: Fred Foobar |
||||
|
E: fred@foobar.org |
||||
|
W: http://foobar.org |
||||
|
D: Contributor - misc Graphite fixes |
||||
|
|
||||
|
N: Pat Johnson |
||||
|
E: pat@fontstudio.org |
||||
|
W: http://pat.fontstudio.org |
||||
|
D: Designer - Greek & Cyrillic glyphs based on Roman design |
||||
|
|
||||
|
N: Tom Parker |
||||
|
E: tom@company.com |
||||
|
W: http://www.company.com/tom/projects/fonts |
||||
|
D: Engineer - original smart font code |
||||
|
|
||||
|
N: Joe Smith |
||||
|
E: joe@fontstudio.org |
||||
|
W: http://joe.fontstudio.org |
||||
|
D: Designer - original Roman glyphs |
||||
|
|
||||
|
(Original authors can also include information here about their organization.) |
||||
|
|
||||
|
|
||||
|
4 ABOUT MAKING CONTRIBUTIONS |
||||
|
|
||||
|
4.1 Why should I contribute my changes back to the original authors? |
||||
|
It would benefit many people if you contributed back to what you've received. Providing your contributions and improvements to the fonts and other components (data files, source code, build scripts, documentation, etc.) could be a tremendous help and would encourage others to contribute as well and 'give back', which means you will have an opportunity to benefit from other people's contributions as well. Sometimes maintaining your own separate version takes more effort than merging back with the original. Be aware that any contributions, however, must be either your own original creation or work that you own, and you may be asked to affirm that clearly when you contribute. |
||||
|
|
||||
|
4.2 I've made some very nice improvements to the font, will you consider adopting them and putting them into future Original Versions? |
||||
|
Most authors would be very happy to receive such contributions. Keep in mind that it is unlikely that they would want to incorporate major changes that would require additional work on their end. Any contributions would likely need to be made for all the fonts in a family and match the overall design and style. Authors are encouraged to include a guide to the design with the fonts. It would also help to have contributions submitted as patches or clearly marked changes (the use of smart source revision control systems like subversion, svk or bzr is a good idea). Examples of useful contributions are bug fixes, additional glyphs, stylistic alternates (and the smart font code to access them) or improved hinting. |
||||
|
|
||||
|
4.3 How can I financially support the development of OFL fonts? |
||||
|
It is likely that most authors of OFL fonts would accept financial contributions - contact them for instructions on how to do this. Such contributions would support future development. You can also pay for others to enhance the fonts and contribute the results back to the original authors for inclusion in the Original Version. |
||||
|
|
||||
|
|
||||
|
5 ABOUT THE LICENSE |
||||
|
|
||||
|
5.1 I see that this is version 1.1 of the license. Will there be later changes? |
||||
|
Version 1.1 is the first minor revision of the OFL. We are confident that version 1.1 will meet most needs, but are open to future improvements. Any revisions would be for future font releases, and previously existing licenses would remain in effect. No retroactive changes are possible, although the Copyright Holder(s) can re-release the font under a revised OFL. All versions will be available on our web site: http://scripts.sil.org/OFL. |
||||
|
|
||||
|
5.2 Can I use the SIL Open Font License for my own fonts? |
||||
|
Yes! We heartily encourage anyone to use the OFL to distribute their own original fonts. It is a carefully constructed license that allows great freedom along with enough artistic integrity protection for the work of the authors as well as clear rules for other contributors and those who redistribute the fonts. Some additional information about using the OFL is included at the end of this FAQ. |
||||
|
|
||||
|
5.3 Does this license restrict the rights of the Copyright Holder(s)? |
||||
|
No. The Copyright Holder(s) still retain(s) all the rights to their creation; they are only releasing a portion of it for use in a specific way. For example, the Copyright Holder(s) may choose to release a 'basic' version of their font under the OFL, but sell a restricted 'enhanced' version. Only the Copyright Holder(s) can do this. |
||||
|
|
||||
|
5.4 Is the OFL a contract or a license? |
||||
|
The OFL is a license and not a contract and so does not require you to sign it to have legal validity. By using, modifying and redistributing components under the OFL you indicate that you accept the license. |
||||
|
|
||||
|
5.5 How about translating the license and the FAQ into other languages? |
||||
|
SIL certainly recognises the need for people who are not familiar with English to be able to understand the OFL and this FAQ better in their own language. Making the license very clear and readable is a key goal of the OFL. |
||||
|
|
||||
|
If you are an experienced translator, you are very welcome to help by translating the OFL and its FAQ so that designers and users in your language community can understand the license better. But only the original English version of the license has legal value and has been approved by the community. Translations do not count as legal substitutes and should only serve as a way to explain the original license. SIL - as the author and steward of the license for the community at large - does not approve any translation of the OFL as legally valid because even small translation ambiguities could be abused and create problems. |
||||
|
|
||||
|
We give permission to publish unofficial translations into other languages provided that they comply with the following guidelines: |
||||
|
|
||||
|
- put the following disclaimer in both English and the target language stating clearly that the translation is unofficial: |
||||
|
|
||||
|
"This is an unofficial translation of the SIL Open Font License into $language. It was not published by SIL International, and does not legally state the distribution terms for fonts that use the OFL. A release under the OFL is only valid when using the original English text. |
||||
|
|
||||
|
However, we recognize that this unofficial translation will help users and designers not familiar with English to understand the SIL OFL better and make it easier to use and release font families under this collaborative font design model. We encourage designers who consider releasing their creation under the OFL to read the FAQ in their own language if it is available. |
||||
|
|
||||
|
Please go to http://scripts.sil.org/OFL for the official version of the license and the accompanying FAQ." |
||||
|
|
||||
|
- keep your unofficial translation current and update it at our request if needed, for example if there is any ambiguity which could lead to confusion. |
||||
|
|
||||
|
If you start such a unofficial translation effort of the OFL and its accompanying FAQ please let us know, thank you. |
||||
|
|
||||
|
|
||||
|
6 ABOUT SIL INTERNATIONAL |
||||
|
|
||||
|
6.1 Who is SIL International and what does it do? |
||||
|
SIL International is a worldwide faith-based education and development organization (NGO) that studies, documents, and assists in developing the world's lesser-known languages through literacy, linguistics, translation, and other academic disciplines. SIL makes its services available to all without regard to religious belief, political ideology, gender, race, or ethnic background. SIL's members and volunteers share a Christian commitment. |
||||
|
|
||||
|
6.2 What does this have to do with font licensing? |
||||
|
The ability to read, write, type and publish in one's own language is one of the most critical needs for millions of people around the world. This requires fonts that are widely available and support lesser-known languages. SIL develops - and encourages others to develop - a complete stack of writing systems implementation components available under open licenses. This open stack includes input methods, smart fonts, smart rendering libraries and smart applications. There has been a need for a common open license that is specifically applicable to fonts and related software (a crucial component of this stack) so SIL developed the SIL Open Font License with the help of the FLOSS community. |
||||
|
|
||||
|
6.3 How can I contact SIL? |
||||
|
Our main web site is: http://www.sil.org/ |
||||
|
Our site about complex scripts is: http://scripts.sil.org/ |
||||
|
Information about this license (including contact email information) is at: http://scripts.sil.org/OFL |
||||
|
|
||||
|
|
||||
|
7 ABOUT USING THE OFL FOR YOUR ORIGINAL FONTS |
||||
|
|
||||
|
If you want to release your fonts under the OFL, you only need to do the following: |
||||
|
|
||||
|
7.1 Put your copyright and reserved font names information in the beginning of the main OFL file. |
||||
|
7.2 Put your copyright and the OFL references in your various font files (such as in the copyright, license and description fields) and in your other components (build scripts, glyph databases, documentation, rendering samples, etc). |
||||
|
7.3 Write an initial FONTLOG for your font and include it in the release package. |
||||
|
7.4 Include the OFL in your release package. |
||||
|
7.5 We also highly recommend you include the relevant practical documentation on the license by putting the OFL-FAQ in your package. |
||||
|
7.6 If you wish, you can use the OFL Graphics on your web page. |
||||
|
|
||||
|
|
||||
|
|
||||
|
That's all. If you have any more questions please get in touch with us. |
||||
|
|
||||
|
|
||||
@ -0,0 +1,103 @@ |
|||||
|
Copyright (C) Authors of original metafont fonts: |
||||
|
Donald Ervin Knuth (cm, concrete fonts) |
||||
|
1995, 1996, 1997 J"org Knappen, 1990, 1992 Norbert Schwarz (ec fonts) |
||||
|
1992-2006 A.Khodulev, O.Lapko, A.Berdnikov, V.Volovich (lh fonts) |
||||
|
1997-2005 Claudio Beccari (cb greek fonts) |
||||
|
2002 FUKUI Rei (tipa fonts) |
||||
|
2003-2005 Han The Thanh (Vietnamese fonts) |
||||
|
1996-2005 Walter Schmidt (cmbright fonts) |
||||
|
|
||||
|
Copyright (C) 2003-2009, Andrey V. Panov (panov@canopus.iacp.dvo.ru), |
||||
|
with Reserved Font Family Name "Computer Modern Unicode fonts". |
||||
|
|
||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1. |
||||
|
This license is copied below, and is also available with a FAQ at: |
||||
|
http://scripts.sil.org/OFL |
||||
|
|
||||
|
|
||||
|
----------------------------------------------------------- |
||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
||||
|
----------------------------------------------------------- |
||||
|
|
||||
|
PREAMBLE |
||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide |
||||
|
development of collaborative font projects, to support the font creation |
||||
|
efforts of academic and linguistic communities, and to provide a free and |
||||
|
open framework in which fonts may be shared and improved in partnership |
||||
|
with others. |
||||
|
|
||||
|
The OFL allows the licensed fonts to be used, studied, modified and |
||||
|
redistributed freely as long as they are not sold by themselves. The |
||||
|
fonts, including any derivative works, can be bundled, embedded, |
||||
|
redistributed and/or sold with any software provided that any reserved |
||||
|
names are not used by derivative works. The fonts and derivatives, |
||||
|
however, cannot be released under any other type of license. The |
||||
|
requirement for fonts to remain under this license does not apply |
||||
|
to any document created using the fonts or their derivatives. |
||||
|
|
||||
|
DEFINITIONS |
||||
|
"Font Software" refers to the set of files released by the Copyright |
||||
|
Holder(s) under this license and clearly marked as such. This may |
||||
|
include source files, build scripts and documentation. |
||||
|
|
||||
|
"Reserved Font Name" refers to any names specified as such after the |
||||
|
copyright statement(s). |
||||
|
|
||||
|
"Original Version" refers to the collection of Font Software components as |
||||
|
distributed by the Copyright Holder(s). |
||||
|
|
||||
|
"Modified Version" refers to any derivative made by adding to, deleting, |
||||
|
or substituting -- in part or in whole -- any of the components of the |
||||
|
Original Version, by changing formats or by porting the Font Software to a |
||||
|
new environment. |
||||
|
|
||||
|
"Author" refers to any designer, engineer, programmer, technical |
||||
|
writer or other person who contributed to the Font Software. |
||||
|
|
||||
|
PERMISSION & CONDITIONS |
||||
|
Permission is hereby granted, free of charge, to any person obtaining |
||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify, |
||||
|
redistribute, and sell modified and unmodified copies of the Font |
||||
|
Software, subject to the following conditions: |
||||
|
|
||||
|
1) Neither the Font Software nor any of its individual components, |
||||
|
in Original or Modified Versions, may be sold by itself. |
||||
|
|
||||
|
2) Original or Modified Versions of the Font Software may be bundled, |
||||
|
redistributed and/or sold with any software, provided that each copy |
||||
|
contains the above copyright notice and this license. These can be |
||||
|
included either as stand-alone text files, human-readable headers or |
||||
|
in the appropriate machine-readable metadata fields within text or |
||||
|
binary files as long as those fields can be easily viewed by the user. |
||||
|
|
||||
|
3) No Modified Version of the Font Software may use the Reserved Font |
||||
|
Name(s) unless explicit written permission is granted by the corresponding |
||||
|
Copyright Holder. This restriction only applies to the primary font name as |
||||
|
presented to the users. |
||||
|
|
||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font |
||||
|
Software shall not be used to promote, endorse or advertise any |
||||
|
Modified Version, except to acknowledge the contribution(s) of the |
||||
|
Copyright Holder(s) and the Author(s) or with their explicit written |
||||
|
permission. |
||||
|
|
||||
|
5) The Font Software, modified or unmodified, in part or in whole, |
||||
|
must be distributed entirely under this license, and must not be |
||||
|
distributed under any other license. The requirement for fonts to |
||||
|
remain under this license does not apply to any document created |
||||
|
using the Font Software. |
||||
|
|
||||
|
TERMINATION |
||||
|
This license becomes null and void if any of the above conditions are |
||||
|
not met. |
||||
|
|
||||
|
DISCLAIMER |
||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF |
||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT |
||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE |
||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, |
||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL |
||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM |
||||
|
OTHER DEALINGS IN THE FONT SOFTWARE. |
||||
@ -0,0 +1,5 @@ |
|||||
|
This package was compiled by Christian Perfect (http://checkmyworking.com) from the Computer Modern Unicode fonts created by Andrey V. Panov (http://cm-unicode.sourceforge.net/) |
||||
|
|
||||
|
They're released under the SIL Open Font License. See OFL.txt and OFL-FAQ.txt for the terms. |
||||
|
|
||||
|
A demo page for these fonts was at http://www.checkmyworking.com/cm-web-fonts/ when I released them. I can only apologise, citizen of the future, if that address doesn't exist any more. |
||||
@ -0,0 +1,46 @@ |
|||||
|
@font-face { |
||||
|
font-family: 'Computer Modern Concrete'; |
||||
|
src: url('cmunorm.eot'); |
||||
|
src: url('cmunorm.eot?#iefix') format('embedded-opentype'), |
||||
|
url('cmunorm.woff') format('woff'), |
||||
|
url('cmunorm.ttf') format('truetype'), |
||||
|
url('cmunorm.svg#cmunorm') format('svg'); |
||||
|
font-weight: normal; |
||||
|
font-style: normal; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
@font-face { |
||||
|
font-family: 'Computer Modern Concrete'; |
||||
|
src: url('cmunobx.eot'); |
||||
|
src: url('cmunobx.eot?#iefix') format('embedded-opentype'), |
||||
|
url('cmunobx.woff') format('woff'), |
||||
|
url('cmunobx.ttf') format('truetype'), |
||||
|
url('cmunobx.svg#cmunobx') format('svg'); |
||||
|
font-weight: bold; |
||||
|
font-style: normal; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
@font-face { |
||||
|
font-family: 'Computer Modern Concrete'; |
||||
|
src: url('cmunoti.eot'); |
||||
|
src: url('cmunoti.eot?#iefix') format('embedded-opentype'), |
||||
|
url('cmunoti.woff') format('woff'), |
||||
|
url('cmunoti.ttf') format('truetype'), |
||||
|
url('cmunoti.svg#cmunoti') format('svg'); |
||||
|
font-weight: normal; |
||||
|
font-style: italic; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
@font-face { |
||||
|
font-family: 'Computer Modern Concrete'; |
||||
|
src: url('cmunobi.eot'); |
||||
|
src: url('cmunobi.eot?#iefix') format('embedded-opentype'), |
||||
|
url('cmunobi.woff') format('woff'), |
||||
|
url('cmunobi.ttf') format('truetype'), |
||||
|
url('cmunobi.svg#cmunobi') format('svg'); |
||||
|
font-weight: bold; |
||||
|
font-style: italic; |
||||
|
} |
||||
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
@ -0,0 +1,9 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<browserconfig> |
||||
|
<msapplication> |
||||
|
<tile> |
||||
|
<square150x150logo src="/mstile-150x150.png"/> |
||||
|
<TileColor>#da532c</TileColor> |
||||
|
</tile> |
||||
|
</msapplication> |
||||
|
</browserconfig> |
||||
|
After Width: | Height: | Size: 885 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,14 @@ |
|||||
|
{ |
||||
|
"name": "", |
||||
|
"short_name": "", |
||||
|
"icons": [ |
||||
|
{ |
||||
|
"src": "/android-chrome-96x96.png", |
||||
|
"sizes": "96x96", |
||||
|
"type": "image/png" |
||||
|
} |
||||
|
], |
||||
|
"theme_color": "#ffffff", |
||||
|
"background_color": "#ffffff", |
||||
|
"display": "standalone" |
||||
|
} |
||||
@ -0,0 +1,812 @@ |
|||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
||||
|
<html> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta name=viewport content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1"> |
||||
|
<link rel="apple-touch-icon" sizes="180x180" href="fav/apple-touch-icon.png"> |
||||
|
<link rel="icon" type="image/png" sizes="32x32" href="fav/favicon-32x32.png"> |
||||
|
<link rel="icon" type="image/png" sizes="16x16" href="fav/favicon-16x16.png"> |
||||
|
<link rel="manifest" href="fav/site.webmanifest"> |
||||
|
<link rel="mask-icon" href="fav/safari-pinned-tab.svg" color="#5bbad5"> |
||||
|
<meta name="msapplication-TileColor" content="#da532c"> |
||||
|
<meta name="theme-color" content="#ffffff"> |
||||
|
|
||||
|
<title>next.Iterations</title> |
||||
|
|
||||
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> |
||||
|
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
|
||||
|
|
||||
|
@font-face { |
||||
|
font-family: 'unifont'; |
||||
|
src: |
||||
|
url('assets/fonts/unifont.woff') format('woff'); |
||||
|
font-weight: normal; |
||||
|
font-style: normal; |
||||
|
} |
||||
|
* { /*remove ugly blue focus ring (breaks navigating using tab key)*/ |
||||
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; |
||||
|
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; |
||||
|
outline: none !important; |
||||
|
} |
||||
|
|
||||
|
body{ |
||||
|
font-family:unifont; |
||||
|
} |
||||
|
|
||||
|
path { |
||||
|
fill: transparent; |
||||
|
} |
||||
|
|
||||
|
a{ |
||||
|
text-decoration:none; |
||||
|
font-weight:bold; |
||||
|
} |
||||
|
a{ color: blue;} |
||||
|
a:visited{color: blue;} |
||||
|
|
||||
|
.ticket{ |
||||
|
padding: 7px 3px; |
||||
|
transition:all 5s; |
||||
|
z-index:5; |
||||
|
pointer-events: none; |
||||
|
//background:green; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
#marking{ |
||||
|
width:500px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
#divider{ |
||||
|
border:1px solid black; |
||||
|
-webkit-transform:rotate(-80deg); |
||||
|
transition:all 5s; |
||||
|
pointer-events: none; |
||||
|
} |
||||
|
|
||||
|
/*#divider{ |
||||
|
border:1px solid black; |
||||
|
-webkit-transform:rotate(10deg); |
||||
|
transition:all 5s; |
||||
|
}*/ |
||||
|
|
||||
|
|
||||
|
#move { |
||||
|
top:-15px; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background-color: #000; |
||||
|
position : absolute; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* ============= CONTENT ============= */ |
||||
|
|
||||
|
#moveMenu{ |
||||
|
position: relative; |
||||
|
top: 0px; |
||||
|
left: 25px; |
||||
|
width: 200px; |
||||
|
height: 50px; |
||||
|
font-size: 10px; |
||||
|
} |
||||
|
|
||||
|
.againMenu{ |
||||
|
font-size: 50px; |
||||
|
-moz-transform:rotate(2deg); |
||||
|
-webkit-transform:rotate(2deg); |
||||
|
-o-transform:rotate(2deg); |
||||
|
-ms-transform:rotate(2deg); |
||||
|
} |
||||
|
|
||||
|
#intro{ |
||||
|
position:relative; |
||||
|
top:-100px; |
||||
|
width:40%; |
||||
|
} |
||||
|
|
||||
|
#program{ |
||||
|
display: inline-block; |
||||
|
font-weight: bolder; |
||||
|
width:50%; |
||||
|
color: green; /* For browsers that do not support gradients */ |
||||
|
background: -webkit-linear-gradient( red 58% , green 50%); /* For Safari 5.1 to 6.0 */ |
||||
|
background: -o-linear-gradient( red 58% , green 50%); /* For Opera 11.1 to 12.0 */ |
||||
|
background: -moz-linear-gradient( red 58% , green 50%); /* For Firefox 3.6 to 15 */ |
||||
|
background: linear-gradient( red 58% , green 50%); /* Likely future */ |
||||
|
/*background: -webkit-linear-gradient( RosyBrown 58% , Burlywood 50%); |
||||
|
background: -o-linear-gradient( RosyBrown 58% , Burlywood 50%); |
||||
|
background: -moz-linear-gradient( RosyBrown 58% , Burlywood 50%); |
||||
|
background: linear-gradient( Orchid 58% , Burlywood 50%); */ |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
} |
||||
|
#BARchatWrap{ |
||||
|
position:relative; |
||||
|
top:-2250px; |
||||
|
left:-30px; |
||||
|
float:right; |
||||
|
z-index:10; |
||||
|
width:40%; |
||||
|
} |
||||
|
#BARchatWrap iframe{ |
||||
|
border:0; overflow:hidden; |
||||
|
width:100%; |
||||
|
height:450px; |
||||
|
z-index:10; |
||||
|
} |
||||
|
#audioStream { |
||||
|
top:10px; |
||||
|
right:10px; |
||||
|
width: 200px; |
||||
|
height: 50px; |
||||
|
//border-bottom: 2px dashed black; |
||||
|
position : fixed; |
||||
|
font-size:3.3em; |
||||
|
padding:10px; |
||||
|
} |
||||
|
#audioStream #link{ |
||||
|
top:0px; |
||||
|
right:10px; |
||||
|
width: 200px; |
||||
|
height: 50px; |
||||
|
position : fixed; |
||||
|
font-size:10px; |
||||
|
padding:10px; |
||||
|
} |
||||
|
#showHideRadiolink{ |
||||
|
top:130px; |
||||
|
right:10px; |
||||
|
width: 200px; |
||||
|
height: 50px; |
||||
|
position : fixed; |
||||
|
font-size:10px; |
||||
|
padding:10px; |
||||
|
z-index: 1000; |
||||
|
} |
||||
|
#audioButton{ |
||||
|
cursor:pointer; |
||||
|
display:inline-block; |
||||
|
width:80%; |
||||
|
float:left; |
||||
|
-webkit-user-select: none; /* Chrome all / Safari all */ |
||||
|
-moz-user-select: none; /* Firefox all */ |
||||
|
-ms-user-select: none; /* IE 10+ */ |
||||
|
user-select: none; /* Maybe future */ |
||||
|
} |
||||
|
#audioButton:hover{ |
||||
|
text-decoration:underline; |
||||
|
|
||||
|
} |
||||
|
#audioNotAvailable{ |
||||
|
visibility:hidden; |
||||
|
} |
||||
|
#volumeButtons{ |
||||
|
-webkit-user-select: none; /* Chrome all / Safari all */ |
||||
|
-moz-user-select: none; /* Firefox all */ |
||||
|
-ms-user-select: none; /* IE 10+ */ |
||||
|
user-select: none; /* Hopeful future */ |
||||
|
visibility:hidden; |
||||
|
} |
||||
|
#volumeButtons span{ |
||||
|
width:30px; |
||||
|
display: inline-block; |
||||
|
text-align:center; |
||||
|
z-index:10; |
||||
|
position:relative; |
||||
|
} |
||||
|
#volumeButtons span:hover{ |
||||
|
cursor:pointer; |
||||
|
color:red; |
||||
|
} |
||||
|
#volumeButtons span:active{ |
||||
|
cursor:pointer; |
||||
|
background:red; |
||||
|
} |
||||
|
/* video */ |
||||
|
#conferenceVideo{ |
||||
|
position: relative; |
||||
|
top:-650px; |
||||
|
float: left; |
||||
|
width: 70%; |
||||
|
height: auto; |
||||
|
} |
||||
|
#conferenceVideo video{ |
||||
|
-webkit-border-radius: 20% 30% 48% 22% / 39% 22% 21% 29%;/*20% 29% 18% 22% / 39% 22% 21% 19% |
||||
|
border-radius: 20% 30% 48% 22% / 39% 22% 21% 29%; /*20% 29% 18% 22% / 39% 22% 21% 19% */ |
||||
|
width:100%; |
||||
|
-moz-transition: all 1s; |
||||
|
-o-transition: all 1s; |
||||
|
-webkit-transition: all 1s; |
||||
|
transition: all 1s; |
||||
|
} |
||||
|
#conferenceVideo video:hover{ |
||||
|
-webkit-border-radius: 0;/*20% 29% 18% 22% / 39% 22% 21% 19%*/ |
||||
|
border-radius: 0; /*20% 29% 18% 22% / 39% 22% 21% 19% |
||||
|
*/ |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
/* --------------------- */ |
||||
|
#conferenceVideo img{ |
||||
|
-webkit-border-radius: 20% 30% 48% 22% / 39% 22% 21% 29%;/*20% 29% 18% 22% / 39% 22% 21% 19% |
||||
|
border-radius: 20% 30% 48% 22% / 39% 22% 21% 29%; /*20% 29% 18% 22% / 39% 22% 21% 19% */ |
||||
|
width:100%; |
||||
|
-moz-transition: all 1s; |
||||
|
-o-transition: all 1s; |
||||
|
-webkit-transition: all 1s; |
||||
|
transition: all 1s; |
||||
|
} |
||||
|
#conferenceVideo img:hover{ |
||||
|
-webkit-border-radius: 0;/*20% 29% 18% 22% / 39% 22% 21% 19%*/ |
||||
|
border-radius: 0; /*20% 29% 18% 22% / 39% 22% 21% 19% |
||||
|
*/ |
||||
|
width:100%; |
||||
|
} |
||||
|
|
||||
|
#PROGchatWrap{ |
||||
|
position: relative; |
||||
|
top: -1250px; |
||||
|
left: -10px; |
||||
|
float: right; |
||||
|
z-index: 10; |
||||
|
width: 33%; |
||||
|
background: rgb(255,255,255); |
||||
|
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%); |
||||
|
} |
||||
|
#PROGchatWrap iframe{ |
||||
|
border: 0; |
||||
|
overflow: hidden; |
||||
|
width: 100%; |
||||
|
height: 550px; |
||||
|
z-index: 10; |
||||
|
} |
||||
|
|
||||
|
.footer { |
||||
|
top: -900px; |
||||
|
width: 100%; |
||||
|
display: table; |
||||
|
position: relative; |
||||
|
} |
||||
|
.left { |
||||
|
display:table-cell; |
||||
|
border: 2px solid; |
||||
|
} |
||||
|
.right { |
||||
|
display:table-cell; |
||||
|
width:100px; |
||||
|
border: 2px solid red; |
||||
|
} |
||||
|
|
||||
|
#resources{ |
||||
|
display:table-cell; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
#resourcesContent a{ |
||||
|
color: red; |
||||
|
} |
||||
|
#resources marquee{ |
||||
|
top: 300px; |
||||
|
color: red; |
||||
|
font-size: 200px; |
||||
|
} |
||||
|
#resources2 marquee{ |
||||
|
top: 300px; |
||||
|
color: red; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
#resourcesContent{ |
||||
|
position: relative; |
||||
|
display: table-cell; |
||||
|
width: 50%; |
||||
|
padding: 10px; |
||||
|
bottom: 150px; |
||||
|
|
||||
|
} |
||||
|
#publication{ |
||||
|
display:table-cell; |
||||
|
} |
||||
|
|
||||
|
#publication marquee{ |
||||
|
top: 300px; |
||||
|
color: green; |
||||
|
font-size: 200px; |
||||
|
} |
||||
|
#publication2 marquee{ |
||||
|
top: 300px; |
||||
|
color: green; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
#publicationContent{ |
||||
|
position: relative; |
||||
|
display: table-cell; |
||||
|
width: 50%; |
||||
|
padding: 10px; |
||||
|
bottom: 150px; |
||||
|
|
||||
|
} |
||||
|
#publicationContent a{ |
||||
|
color: green; |
||||
|
} |
||||
|
|
||||
|
/* ============= MOBILE STYLE ============= */ |
||||
|
@media only screen and (max-width: 968px) { |
||||
|
/* |
||||
|
[class*="col-"] { |
||||
|
width: 90%; |
||||
|
padding:20px; |
||||
|
}*/ |
||||
|
|
||||
|
body{ |
||||
|
width:100%; |
||||
|
overflow-x: hidden;/* doesnt work on mobile safari*/ |
||||
|
} |
||||
|
div#intro{ |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
width: 90%; |
||||
|
padding: 20px; |
||||
|
font-size:20px; |
||||
|
} |
||||
|
#audioStream{ |
||||
|
position: absolute; |
||||
|
} |
||||
|
#audioStream #link { |
||||
|
position: absolute; |
||||
|
} |
||||
|
#showHideRadiolink { |
||||
|
position: absolute; |
||||
|
} |
||||
|
#program{ |
||||
|
position: relative; |
||||
|
width: 90%; |
||||
|
padding: 20px; |
||||
|
font-size:20px; |
||||
|
} |
||||
|
#BARchatWrap{ |
||||
|
position: relative; |
||||
|
width: 80%; |
||||
|
left:-40px; |
||||
|
padding: 10px; |
||||
|
font-size:20px; |
||||
|
top:400px; |
||||
|
} |
||||
|
|
||||
|
#PROGchatWrap{ |
||||
|
display: none; |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
padding: 10px; |
||||
|
font-size:20px; |
||||
|
top:1000; |
||||
|
background: transparent; |
||||
|
} |
||||
|
#PROGchatWrap:before{ |
||||
|
content:'PLEASE USE A DIFFERENT SCREEN'; |
||||
|
} |
||||
|
#conference{ |
||||
|
position: relative; |
||||
|
width: 90%; |
||||
|
padding: 20px; |
||||
|
font-size:20px; |
||||
|
top:0; |
||||
|
} |
||||
|
#conferenceVideo { |
||||
|
display: none; |
||||
|
position: relative; |
||||
|
top: -480px; |
||||
|
float: left; |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
font-size: 200px; |
||||
|
} |
||||
|
#conference::before{ |
||||
|
position: relative; |
||||
|
font-size: 50px; |
||||
|
width:100% |
||||
|
height:100px; |
||||
|
background: red; |
||||
|
color: white; |
||||
|
top:-400px; |
||||
|
border: 1px solid red; |
||||
|
content: "Inrease your resolution to join the live video stream and PROGchat"; |
||||
|
} |
||||
|
#divider{ |
||||
|
opacity: 0.4; |
||||
|
} |
||||
|
#move { |
||||
|
display: none; |
||||
|
} |
||||
|
#moveMenu{ |
||||
|
display: none; |
||||
|
} |
||||
|
.ticket{ |
||||
|
display: none; |
||||
|
} |
||||
|
.footer{ |
||||
|
top:400px; |
||||
|
} |
||||
|
|
||||
|
#program{ |
||||
|
display: inline-block; |
||||
|
font-weight: bolder; |
||||
|
width:90%; |
||||
|
color: green; |
||||
|
background:none ; |
||||
|
-webkit-background-clip: none; |
||||
|
-webkit-text-fill-color: green; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
|
||||
|
<div id="marking"> |
||||
|
<svg viewBox="20 20 425 300"> |
||||
|
<path id="curve" d="M6,150C49.63,93,105.79,36.65,156.2,47.55,207.89,58.74,213,131.91,264,150c40.67,14.43,108.57-6.91,229-145" /> |
||||
|
<text x="50"> |
||||
|
<textPath xlink:href="#curve"> |
||||
|
next.Iterations |
||||
|
</textPath> |
||||
|
</text> |
||||
|
</svg> |
||||
|
</div> |
||||
|
<div id="move"> |
||||
|
<div id="moveMenu">navigation</div> |
||||
|
<a href="#BARchatWrap">BAR</a> |
||||
|
<a href="#program">PROGRAM</a> |
||||
|
<a href="#PROGchatFrame">CONFERENCE</a> |
||||
|
<a href="#resources">RESOURCES</a> |
||||
|
<a href="#publication">PUBLICATION</a> |
||||
|
</div> |
||||
|
|
||||
|
<div id="audioStream"> |
||||
|
<div id="link"><a href="https://stream.p-node.org/cor36.mp3" target="_blank">LISTEN/DOWNLOAD MP3/M3U FILE </a></div> |
||||
|
<div id="audioButton">play radio</div> |
||||
|
<div id="volumeButtons"> |
||||
|
<span id="volumeUp">+ </span> |
||||
|
<span id="volumeDown">-</span> |
||||
|
</div> |
||||
|
<audio id="audioStream" src="https://stream.p-node.org/cor36.mp3" type="audio/mp3"></audio> |
||||
|
<div id="audioNotAvailable">Sorry, the audiostream is currently offline</div> |
||||
|
<div id="showHideRadiolink">[x]SHOW/HIDE RADIO</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div id ="divider">play |
||||
|
<div id ="divider">bar |
||||
|
<div id ="divider"></div> |
||||
|
<div id ="divider"></div> |
||||
|
<div id ="divider">resources</div> |
||||
|
</div>publication |
||||
|
</div> |
||||
|
|
||||
|
<div id="intro">WELCOME<br> |
||||
|
to the next-Iterations broadcasting area!<br><br> |
||||
|
The Iterations book is published! On 17 and 18 may we love to celebrate this by discovering its ins and outs with you. Please find the full programme <a href="#program">here</a> <br><br> |
||||
|
|
||||
|
This moment also marks an occasion to beta test new networking and broadcasting infrastructure for immediate future use. <br><br> |
||||
|
|
||||
|
There are two different chat rooms: <br> |
||||
|
<li>In <a href="#BARchatFrame">BARchat</a> we hang out and babble freely.</li> |
||||
|
<li>In <a href="#PROGchatFrame">PROGchat</a> we seriously write along the broadcast (not available on mobile).</li> |
||||
|
<br><br> |
||||
|
Below you'll find a list of links for further reading, including the Collaboration Guidelines, resources repository, etc. |
||||
|
</div> |
||||
|
|
||||
|
<div class="header">PROGRAM</div> |
||||
|
<div id="program"></div> |
||||
|
<div class="againMenu"> |
||||
|
<marquee> |
||||
|
MENU: |
||||
|
<a href="#BARchatWrap">BAR</a> |
||||
|
<a href="#program">PROGRAM</a> |
||||
|
<a href="#PROGchatFrame">CONFERENCE</a> |
||||
|
<a href="#resources">RESOURCES</a> |
||||
|
<a href="#publication">PUBLICATION</a> |
||||
|
</marquee> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div id="BARchatWrap"> |
||||
|
<iframe id="BARchatFrame" scrolling="no" src=" https://vvvvvvaria.org/kiwi/irc.kiwiirc.com:+6697/?nick=iterator?&channel=#BARchat |
||||
|
"></iframe> |
||||
|
<div style="text-align:right;"><a href=" https://vvvvvvaria.org/kiwi/irc.kiwiirc.com:+6697/?nick=iterator?&channel=#BARchat |
||||
|
" target="_blank">[x]Open chat in new window</a></div> |
||||
|
<div style="text-align:right;">if you have trouble connecting to the webchat, use a desktop client to connect to: #BARchat@irc.kiwiirc.com</a></div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div id="conference"> |
||||
|
<div id="conferenceVideo"> |
||||
|
<img id="video" src="lastimg.jpg" width="100%"><p>Photo from: </p><a href="https://iterations.space/iterations-5-operating-exploitation/" target="_blank">iterations: 5 Operating Exploitation</a> |
||||
|
<!-- <video id="video" muted autoplay controls></video> <!-- muted is required for autoplay to work --> |
||||
|
<script> |
||||
|
// if(Hls.isSupported()) { |
||||
|
// var video = document.getElementById('video'); |
||||
|
// var hls = new Hls(); |
||||
|
// hls.loadSource('https://kontakta.modular-t.org:8443/live/hello5.m3u8'); // |
||||
|
// hls.attachMedia(video); |
||||
|
// hls.on(Hls.Events.MANIFEST_PARSED,function() { |
||||
|
// video.play(); |
||||
|
// }); |
||||
|
// } |
||||
|
// else if (video.canPlayType('application/vnd.apple.mpegurl')) { |
||||
|
// video.src = 'https://kontakta.modular-t.org:8443/live/hello5.m3u8'; |
||||
|
// video.addEventListener('canplay',function() { |
||||
|
// video.play(); |
||||
|
// }); |
||||
|
// } |
||||
|
</script> |
||||
|
</div> |
||||
|
<div id="PROGchatWrap"> |
||||
|
<iframe id="PROGchatFrame" scrolling="no" src="https://vvvvvvaria.org/kiwi/irc.freenode.net/?nick=iterator?&channel=#PROGchat"></iframe> |
||||
|
<div style="text-align:right;"><a href="https://vvvvvvaria.org/kiwi/irc.freenode.net/?nick=iterator?&channel=#PROGchat" target="_blank">[x]Open chat in new window</a></div> |
||||
|
<div style="text-align:right;">if you have trouble connecting to the webchat, use a desktop client to connect to: #PROGchat@chat.freenode.net</a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="footer"> |
||||
|
<div id="resources"><marquee>RESOURCES</marquee></div> |
||||
|
<div id="resources2"><marquee>RESOURCES</marquee></div> |
||||
|
<div id="resourcesContent"> |
||||
|
<a href="http://media.constantvzw.org/wefts/123/" target="_blank">Collaboration Guidelines</a> |
||||
|
<br><br> |
||||
|
<a href="https://iterations.space/underneath-and-on-the-sidelines-sustaining-feminist-infrastructures-using-speculative-fiction/" target="_blank">spideralex's text</a>, English translation [PDF] |
||||
|
<p></p> |
||||
|
IRC chats urls: <a href="https://vvvvvvaria.org/kiwi/irc.freenode.net/?nick=iterator?&channel=#BARchat" target="_blank"> BARchat</a>, |
||||
|
<a hre="https://vvvvvvaria.org/kiwi/irc.freenode.net/?nick=iterator?&channel=#PROGchat" target="_blank">PROGchat</a> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="footer"> |
||||
|
<div id="publication"><marquee>PUBLICATION</marquee></div> |
||||
|
<div id="publication2"><marquee>PUBLICATION</marquee></div> |
||||
|
<div id="publicationContent"> |
||||
|
<a href="https://iterations.space/files/iterations-publication.pdf" target="_blank" style="border-bottom:1px solid green;padding-bottom:10px;">Publication |
||||
|
<br> |
||||
|
<img src="https://iterations.space/files/iterations-publication.gif"></a> |
||||
|
<br><br> |
||||
|
<a href=" https://iterations.space/files/iterations-x-dex.pdf" target="_blank" style="border-bottom:1px solid green;padding-bottom:10px;">x-dex |
||||
|
<br> |
||||
|
<img src="https://iterations.space/files/iterations-x-dex.gif"> |
||||
|
|
||||
|
<!-- static images: |
||||
|
https://vvvvvvaria.org/~mb/iterations/iterations-publication-cover.png |
||||
|
https://vvvvvvaria.org/~mb/iterations/iterations-x-dex-cover.png --> |
||||
|
|
||||
|
</a> |
||||
|
<br><br> |
||||
|
More downloads can be found <a href="https://iterations.space/publication/ " target="_blank">here</a> |
||||
|
<br><br> |
||||
|
Publication's <a href="https://gitlab.constantvzw.org/manetta/iterations-publication" target="_blank">sourcecode</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="againMenu"> |
||||
|
<marquee> |
||||
|
MENU: |
||||
|
<a href="#BARchatWrap">BAR</a> |
||||
|
<a href="#program">PROGRAM</a> |
||||
|
<a href="#PROGchatFrame">CONFERENCE</a> |
||||
|
<a href="#resources">RESOURCES</a> |
||||
|
<a href="#publication">PUBLICATION</a> |
||||
|
</marquee> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<script> |
||||
|
// |
||||
|
//var e = $('#marking'); |
||||
|
// for (var i = 0; i < 5; i++) { |
||||
|
// |
||||
|
// e.clone().insertAfter(e).css({ WebkitTransform: 'rotate(' + Math.random(10*i) + 'deg)'}); |
||||
|
// e.css({ WebkitTransform: 'rotate(' + Math.random(10*i) + 'deg)'}); |
||||
|
// // For Mozilla browser: e.g. Firefox |
||||
|
// e.css({ '-moz-transform': 'rotate(' + Math.random(10*i) + 'deg)'}); |
||||
|
// |
||||
|
// |
||||
|
// } |
||||
|
|
||||
|
animate_string('audioStream'); |
||||
|
|
||||
|
|
||||
|
function animate_string(id) |
||||
|
{ |
||||
|
var element = document.getElementById(id); |
||||
|
var textNode = element.childNodes[0]; // assuming no other children |
||||
|
var text = textNode.data; |
||||
|
|
||||
|
setInterval(function () |
||||
|
{ |
||||
|
text = text[text.length - 1] + text.substring(0, text.length - 1); |
||||
|
textNode.data = text; |
||||
|
}, 500); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
$(document).ready(function(){ |
||||
|
$("#audioStreamShow").slideUp(); |
||||
|
|
||||
|
var ticket="<div class='ticket'><p>next.Iterations</p></div>"; |
||||
|
var numTickets=10; |
||||
|
for(var x=1;x<=numTickets;x++){ |
||||
|
$(ticket).appendTo(".againMenu"); |
||||
|
} |
||||
|
// get window dimentions |
||||
|
var ww = $(window).width(); |
||||
|
var wh = $(window).height(); |
||||
|
$(".ticket").each(function(i){ |
||||
|
var rotationNum=Math.round((Math.random()*360)+1); |
||||
|
var rotation="rotate("+rotationNum+"deg)"; |
||||
|
var posx = Math.round(Math.random() * ww)-20; |
||||
|
var posy = Math.round(Math.random() * wh)-20; |
||||
|
$(this).css("top", posy + "px").css("left", posx + "px").css("transform",rotation).css("-ms-transform",rotation).css("-webkit-transform",rotation); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
//$( "body").mousemove(function( event ) { |
||||
|
// |
||||
|
// $("#audio").css('top':'event.pageX'); |
||||
|
// //$( "#log" ).append( "<div>" + msg + "</div>" ); |
||||
|
//}); |
||||
|
$("body").click(function(e){ |
||||
|
var parentOffset = $(this).parent().offset(); |
||||
|
var relX = e.pageX - parentOffset.left; |
||||
|
var relY = e.pageY - parentOffset.top; |
||||
|
// console.log ("x: "+relX); |
||||
|
// console.log ("y: "+relY); |
||||
|
|
||||
|
$("#move").animate({left: relX, top: relY}); |
||||
|
|
||||
|
if(relY < 300 ){ |
||||
|
|
||||
|
|
||||
|
$("#divider").animate({padding: relY, top: relY}); |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
//================== CONTENT LOADING ================== |
||||
|
|
||||
|
//================== audio ================== |
||||
|
|
||||
|
//check if audio stream is online |
||||
|
$.ajax({ |
||||
|
url:'https://stream.p-node.org/cor36.mp3', |
||||
|
dataType: 'binary', |
||||
|
processData: 'false', |
||||
|
type:'GET', |
||||
|
error: function() |
||||
|
{ |
||||
|
//file not exists |
||||
|
console.log('offlline'); |
||||
|
document.getElementById("audioNotAvailable").style.visibility = "visible"; |
||||
|
document.getElementById("audioNotAvailable").style.fontSize = "15px"; |
||||
|
|
||||
|
document.getElementById("showHideRadiolink").style.visibility = "hidden"; |
||||
|
document.getElementById("audioButton").style.visibility = "hidden"; |
||||
|
document.getElementById("link").style.visibility = "hidden"; |
||||
|
document.getElementById("volumeButtons").style.visibility = "hidden"; |
||||
|
// #showHideRadiolink #audioButton, #link, #volumeButtons |
||||
|
|
||||
|
}, |
||||
|
success: function() |
||||
|
{ |
||||
|
//file exists |
||||
|
console.log('Audio is online'); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
//play stop |
||||
|
var playing = false; |
||||
|
$( "#audioButton" ).click(function() { |
||||
|
|
||||
|
if (playing == false) { |
||||
|
document.getElementsByTagName('audio')[0].play(); |
||||
|
playing = true; |
||||
|
$(this).html("<marquee> playing </marquee>pause"); |
||||
|
document.getElementById("volumeButtons").style.visibility = "visible"; |
||||
|
|
||||
|
} else { |
||||
|
document.getElementsByTagName('audio')[0].pause(); |
||||
|
playing = false; |
||||
|
$(this).html("restart sound"); |
||||
|
document.getElementById("volumeButtons").style.visibility = "hidden"; |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
// volume buttons |
||||
|
$( "#volumeUp" ).click(function() { |
||||
|
document.getElementsByTagName('audio')[0].volume+=0.1; |
||||
|
}); |
||||
|
$( "#volumeDown" ).click(function() { |
||||
|
document.getElementsByTagName('audio')[0].volume-=0.1; |
||||
|
}); |
||||
|
//show hide player |
||||
|
$("#showHideRadiolink").click(function(){ |
||||
|
$("#audioButton, #link, #audioNotAvailable, #volumeButtons").toggle(); |
||||
|
$//("#audioButton").toggle();#audioStream #link |
||||
|
}); |
||||
|
|
||||
|
//================== program ================== |
||||
|
|
||||
|
|
||||
|
var dataArray = new Array(); //make globally available array for storing the schedule lines |
||||
|
var myObj, i, x = ""; |
||||
|
|
||||
|
function loadSchedule(){ |
||||
|
$.get("https://pad.constantvzw.org/p/Iterations_programme/export/txt", function(data){ |
||||
|
dataArray = data.split("\n"); //add data to array, line by line |
||||
|
//parse the pad data |
||||
|
for (i in dataArray) { |
||||
|
x += "<p id='progLine'>"+ dataArray[i] + "</p>"; |
||||
|
|
||||
|
} |
||||
|
document.getElementById("program").innerHTML = x; |
||||
|
|
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
loadSchedule(); // This will run on page load, once per page load |
||||
|
|
||||
|
// setInterval(function(){ |
||||
|
// loadSchedule() // this will run after every 10 seconds |
||||
|
// }, 1000); |
||||
|
|
||||
|
|
||||
|
|
||||
|
setTimeout(function(){ //because program is dynamically loaded, wait 1sec for loading |
||||
|
$("p").each(function() { |
||||
|
$(this).text( $(this).text() + " "); |
||||
|
animate_string('progLine'); |
||||
|
}); }, 1000); |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
var marquee = $('#progLine'); |
||||
|
marquee.each(function() { |
||||
|
var mar = $(this),indent = mar.width(); |
||||
|
mar.marquee = function() { |
||||
|
indent--; |
||||
|
mar.css('text-indent',indent); |
||||
|
if (indent < -1 * mar.children('div.marquee-text').width()) { |
||||
|
indent = mar.width(); |
||||
|
} |
||||
|
}; |
||||
|
mar.data('interval',setInterval(mar.marquee,1000/60)); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
//cpu aan een van de audio blokken hangen |
||||
|
|
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
|
After Width: | Height: | Size: 46 KiB |
Loading…
Reference in new issue