diff --git a/dist/digital/c3voc/README.md b/dist/digital/c3voc/README.md new file mode 100644 index 0000000..ec6d2a7 --- /dev/null +++ b/dist/digital/c3voc/README.md @@ -0,0 +1,27 @@ +# c3VOC animations + +We use the HTML5 Animation Video Renderer (https://github.com/dtinth/html5-animation-video-renderer) to render frame-accurate animations built with HTML, CSS, and JavaScript. + +To render an animation clone the html5-animation-video-renderer repository and run one of the following commands: +(We assume that you are in the parent directory of the cloned repository and that the design repository is in `/home/eh22/design`. Adjust your code accordingly.) + +Example Intro: +```shell +node ./html5-animation-video-renderer/render.js --video=example_intro.mp4 --url="file:///home/eh22/design/dist/digital/c3voc/intro.html?render&title=Bahn APIs - Wer hat mehr chaos, wir oder die?&speaker=marudor" +``` + +Outro: +```shell +node ./html5-animation-video-renderer/render.js --video=example_outro.mp4 --url="file:///home/eh22/design/dist/digital/c3voc/outro.html?render" +``` + +Pause: +```shell +node ./html5-animation-video-renderer/render.js --video=example_outro.mp4 --url="file:///home/eh22/design/dist/digital/c3voc/pause.html?render" +``` + +To watch the animation in your browser just open the file without the `?render` at the end. +Please note, that some styles are only rendered correctly in Chromium :c + +Example URL for the pause animation: +`file:///home/eh22/design/dist/digital/c3voc/pause.html` \ No newline at end of file diff --git a/dist/digital/c3voc/assets/fairydust.svg b/dist/digital/c3voc/assets/fairydust.svg new file mode 100644 index 0000000..97a97e2 --- /dev/null +++ b/dist/digital/c3voc/assets/fairydust.svg @@ -0,0 +1,15 @@ + + + + + diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Bold.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Bold.woff2 new file mode 100644 index 0000000..caf6ff6 Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Bold.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-ExtraLight.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-ExtraLight.woff2 new file mode 100644 index 0000000..7dc6448 Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-ExtraLight.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Light.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Light.woff2 new file mode 100644 index 0000000..08a6637 Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Light.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Medium.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Medium.woff2 new file mode 100644 index 0000000..83bb0d9 Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Medium.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Regular.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Regular.woff2 new file mode 100644 index 0000000..601d465 Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Regular.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-SemiBold.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-SemiBold.woff2 new file mode 100644 index 0000000..a88f939 Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-SemiBold.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Thin.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Thin.woff2 new file mode 100644 index 0000000..dc950fe Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-Thin.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-VariableVF.woff2 b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-VariableVF.woff2 new file mode 100644 index 0000000..7d3aaf4 Binary files /dev/null and b/dist/digital/c3voc/assets/font/argonglow/ArgonGlow-VariableVF.woff2 differ diff --git a/dist/digital/c3voc/assets/font/argonglow/OFL b/dist/digital/c3voc/assets/font/argonglow/OFL new file mode 100644 index 0000000..1cdb289 --- /dev/null +++ b/dist/digital/c3voc/assets/font/argonglow/OFL @@ -0,0 +1,96 @@ +Copyright (c) 2025, The Argon Glow Project Authors (https://codeberg.org/kritzl/argon-glow), +Copyright (c) 2025, kritzl (kritzl@kritzl.dev), +Copyright (c) 2025, traumweh (traumweh@lyx.sh), +with Reserved Font Name "Argon Glow". + +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: +https://openfontlicense.org + + +----------------------------------------------------------- +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. diff --git a/dist/digital/c3voc/assets/font/athiti/Athiti-Bold.woff2 b/dist/digital/c3voc/assets/font/athiti/Athiti-Bold.woff2 new file mode 100644 index 0000000..4cc5810 Binary files /dev/null and b/dist/digital/c3voc/assets/font/athiti/Athiti-Bold.woff2 differ diff --git a/dist/digital/c3voc/assets/font/athiti/Athiti-ExtraLight.woff2 b/dist/digital/c3voc/assets/font/athiti/Athiti-ExtraLight.woff2 new file mode 100644 index 0000000..9bb6cea Binary files /dev/null and b/dist/digital/c3voc/assets/font/athiti/Athiti-ExtraLight.woff2 differ diff --git a/dist/digital/c3voc/assets/font/athiti/Athiti-Light.woff2 b/dist/digital/c3voc/assets/font/athiti/Athiti-Light.woff2 new file mode 100644 index 0000000..51f9e72 Binary files /dev/null and b/dist/digital/c3voc/assets/font/athiti/Athiti-Light.woff2 differ diff --git a/dist/digital/c3voc/assets/font/athiti/Athiti-Medium.woff2 b/dist/digital/c3voc/assets/font/athiti/Athiti-Medium.woff2 new file mode 100644 index 0000000..bc8b50a Binary files /dev/null and b/dist/digital/c3voc/assets/font/athiti/Athiti-Medium.woff2 differ diff --git a/dist/digital/c3voc/assets/font/athiti/Athiti-Regular.woff2 b/dist/digital/c3voc/assets/font/athiti/Athiti-Regular.woff2 new file mode 100644 index 0000000..c69c128 Binary files /dev/null and b/dist/digital/c3voc/assets/font/athiti/Athiti-Regular.woff2 differ diff --git a/dist/digital/c3voc/assets/font/athiti/Athiti-SemiBold.woff2 b/dist/digital/c3voc/assets/font/athiti/Athiti-SemiBold.woff2 new file mode 100644 index 0000000..726a075 Binary files /dev/null and b/dist/digital/c3voc/assets/font/athiti/Athiti-SemiBold.woff2 differ diff --git a/dist/digital/c3voc/assets/font/athiti/OFL b/dist/digital/c3voc/assets/font/athiti/OFL new file mode 100644 index 0000000..b0f4597 --- /dev/null +++ b/dist/digital/c3voc/assets/font/athiti/OFL @@ -0,0 +1,93 @@ +Copyright (c) 2015, Cadson Demak (info@cadsondemak.com) + +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. diff --git a/dist/digital/c3voc/assets/font/departuremono/DepartureMono-Regular.woff2 b/dist/digital/c3voc/assets/font/departuremono/DepartureMono-Regular.woff2 new file mode 100644 index 0000000..7d8b33b Binary files /dev/null and b/dist/digital/c3voc/assets/font/departuremono/DepartureMono-Regular.woff2 differ diff --git a/dist/digital/c3voc/assets/font/departuremono/LICENSE b/dist/digital/c3voc/assets/font/departuremono/LICENSE new file mode 100644 index 0000000..de52476 --- /dev/null +++ b/dist/digital/c3voc/assets/font/departuremono/LICENSE @@ -0,0 +1,93 @@ +Copyright 2022–2024 Helena Zhang (helenazhang.com). + +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: +https://openfontlicense.org + + +----------------------------------------------------------- +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. diff --git a/dist/digital/c3voc/assets/outro-fairydust-line.svg b/dist/digital/c3voc/assets/outro-fairydust-line.svg new file mode 100644 index 0000000..0f54038 --- /dev/null +++ b/dist/digital/c3voc/assets/outro-fairydust-line.svg @@ -0,0 +1,17 @@ + + + + diff --git a/dist/digital/c3voc/assets/outro-fairydust-line_1.svg b/dist/digital/c3voc/assets/outro-fairydust-line_1.svg new file mode 100644 index 0000000..347b1f8 --- /dev/null +++ b/dist/digital/c3voc/assets/outro-fairydust-line_1.svg @@ -0,0 +1,17 @@ + + + + diff --git a/dist/digital/c3voc/assets/outro-fairydust-line_2.svg b/dist/digital/c3voc/assets/outro-fairydust-line_2.svg new file mode 100644 index 0000000..8ab9955 --- /dev/null +++ b/dist/digital/c3voc/assets/outro-fairydust-line_2.svg @@ -0,0 +1,18 @@ + + + + diff --git a/dist/digital/c3voc/assets/script/MotionPathPlugin.min.js b/dist/digital/c3voc/assets/script/MotionPathPlugin.min.js new file mode 100644 index 0000000..79fcc8e --- /dev/null +++ b/dist/digital/c3voc/assets/script/MotionPathPlugin.min.js @@ -0,0 +1,11 @@ +/*! + * MotionPathPlugin 3.12.7 + * https://gsap.com + * + * @license Copyright 2025, GreenSock. All rights reserved. + * Subject to the terms at https://gsap.com/standard-license or for Club GSAP members, the agreement issued with that membership. + * @author: Jack Doyle, jack@greensock.com + */ + +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(t){"use strict";function p(t){return"string"==typeof t}function x(t){return Math.round(1e10*t)/1e10||0}function y(t,e,n,r){var a=t[e],o=1===r?6:subdivideSegment(a,n,r);if((o||!r)&&o+n+2e){for(;--a&&t[a]>e;);a<0&&(a=0)}else for(;t[++a] element or an SVG path data string")}function reverseSegment(t){var e,n=0;for(t.reverse();na;)s=s._prev;return s?(e._next=s._next,s._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=s,e.parent=e._dp=t,e}function ya(t,e,r,i){void 0===r&&(r="_first"),void 0===i&&(i="_last");var n=e._prev,a=e._next;n?n._next=a:t[r]===e&&(t[r]=a),a?a._prev=n:t[i]===e&&(t[i]=n),e._next=e._prev=e.parent=null}function za(t,e){t.parent&&(!e||t.parent.autoRemoveChildren)&&t.parent.remove&&t.parent.remove(t),t._act=0}function Aa(t,e){if(t&&(!e||e._end>t._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t}function Ca(t,e,r,i){return t._startAt&&(L?t._startAt.revert(ht):t.vars.immediateRender&&!t.vars.autoRevert||t._startAt.render(e,!0,i))}function Ea(t){return t._repeat?Tt(t._tTime,t=t.duration()+t._rDelay)*t:0}function Ga(t,e){return(t-e._start)*e._ts+(0<=e._ts?0:e._dirty?e.totalDuration():e._tDur)}function Ha(t){return t._end=ja(t._start+(t._tDur/Math.abs(t._ts||t._rts||X)||0))}function Ia(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=ja(r._time-(0X)&&e.render(r,!0)),Aa(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur(n=Math.abs(n))&&(a=i,o=n);return a}function tb(t){return za(t),t.scrollTrigger&&t.scrollTrigger.kill(!!L),t.progress()<1&&Ct(t,"onInterrupt"),t}function wb(t){if(t)if(t=!t.name&&t.default||t,x()||t.headless){var e=t.name,r=s(t),i=e&&!r&&t.init?function(){this._props=[]}:t,n={init:T,render:he,add:Wt,kill:ce,modifier:fe,rawVars:0},a={targetTest:0,get:0,getSetter:ne,aliases:{},register:0};if(Ft(),t!==i){if(pt[e])return;qa(i,qa(ua(t,n),a)),yt(i.prototype,yt(n,ua(t,a))),pt[i.prop=e]=i,t.targetTest&&(gt.push(i),ft[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}S(e,i),t.register&&t.register(ze,i,_e)}else At.push(t)}function zb(t,e,r){return(6*(t+=t<0?1:1>16,e>>8&St,e&St]:0:zt.black;if(!p){if(","===e.substr(-1)&&(e=e.substr(0,e.length-1)),zt[e])p=zt[e];else if("#"===e.charAt(0)){if(e.length<6&&(e="#"+(n=e.charAt(1))+n+(a=e.charAt(2))+a+(s=e.charAt(3))+s+(5===e.length?e.charAt(4)+e.charAt(4):"")),9===e.length)return[(p=parseInt(e.substr(1,6),16))>>16,p>>8&St,p&St,parseInt(e.substr(7),16)/255];p=[(e=parseInt(e.substr(1),16))>>16,e>>8&St,e&St]}else if("hsl"===e.substr(0,3))if(p=c=e.match(tt),r){if(~e.indexOf("="))return p=e.match(et),i&&p.length<4&&(p[3]=1),p}else o=+p[0]%360/360,u=p[1]/100,n=2*(h=p[2]/100)-(a=h<=.5?h*(u+1):h+u-h*u),3=U?u.endTime(!1):t._dur;return r(e)&&(isNaN(e)||e in o)?(a=e.charAt(0),s="%"===e.substr(-1),n=e.indexOf("="),"<"===a||">"===a?(0<=n&&(e=e.replace(/=/,"")),("<"===a?u._start:u.endTime(0<=u._repeat))+(parseFloat(e.substr(1))||0)*(s?(n<0?u:i).totalDuration()/100:1)):n<0?(e in o||(o[e]=h),o[e]):(a=parseFloat(e.charAt(n-1)+e.substr(n+1)),s&&i&&(a=a/100*(Z(i)?i[0]:i).totalDuration()),1=r&&te)return i;i=i._next}else for(i=t._last;i&&i._start>=r;){if("isPause"===i.data&&i._start=n._start)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(0=this.totalDuration()||!v&&_)&&(f!==this._start&&Math.abs(l)===Math.abs(this._ts)||this._lock||(!t&&g||!(v===m&&0=i&&(a instanceof $t?e&&n.push(a):(r&&n.push(a),t&&n.push.apply(n,a.getChildren(!0,e,r)))),a=a._next;return n},e.getById=function getById(t){for(var e=this.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},e.remove=function remove(t){return r(t)?this.removeLabel(t):s(t)?this.killTweensOf(t):(t.parent===this&&ya(this,t),t===this._recent&&(this._recent=this._last),Aa(this))},e.totalTime=function totalTime(t,e){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=ja(Rt.time-(0r:!r||s.isActive())&&n.push(s):(i=s.getTweensOf(a,r)).length&&n.push.apply(n,i),s=s._next;return n},e.tweenTo=function tweenTo(t,e){e=e||{};var r,i=this,n=xt(i,t),a=e.startAt,s=e.onStart,o=e.onStartParams,u=e.immediateRender,h=$t.to(i,qa({ease:e.ease||"none",lazy:!1,immediateRender:!1,time:n,overwrite:"auto",duration:e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale())||X,onStart:function onStart(){if(i.pause(),!r){var t=e.duration||Math.abs((n-(a&&"time"in a?a.time:i._time))/i.timeScale());h._dur!==t&&Ra(h,t,0,1).render(h._time,!0,!0),r=1}s&&s.apply(h,o||[])}},e));return u?h.render(0):h},e.tweenFromTo=function tweenFromTo(t,e,r){return this.tweenTo(e,qa({startAt:{time:xt(this,t)}},r))},e.recent=function recent(){return this._recent},e.nextLabel=function nextLabel(t){return void 0===t&&(t=this._time),rb(this,xt(this,t))},e.previousLabel=function previousLabel(t){return void 0===t&&(t=this._time),rb(this,xt(this,t),1)},e.currentLabel=function currentLabel(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+X)},e.shiftChildren=function shiftChildren(t,e,r){void 0===r&&(r=0);for(var i,n=this._first,a=this.labels;n;)n._start>=r&&(n._start+=t,n._end+=t),n=n._next;if(e)for(i in a)a[i]>=r&&(a[i]+=t);return Aa(this)},e.invalidate=function invalidate(t){var e=this._first;for(this._lock=0;e;)e.invalidate(t),e=e._next;return i.prototype.invalidate.call(this,t)},e.clear=function clear(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._dp&&(this._time=this._tTime=this._pTime=0),t&&(this.labels={}),Aa(this)},e.totalDuration=function totalDuration(t){var e,r,i,n=0,a=this,s=a._last,o=U;if(arguments.length)return a.timeScale((a._repeat<0?a.duration():a.totalDuration())/(a.reversed()?-t:t));if(a._dirty){for(i=a.parent;s;)e=s._prev,s._dirty&&s.totalDuration(),o<(r=s._start)&&a._sort&&s._ts&&!a._lock?(a._lock=1,Ka(a,s,r-s._delay,1)._lock=0):o=r,r<0&&s._ts&&(n-=r,(!i&&!a._dp||i&&i.smoothChildTiming)&&(a._start+=r/a._ts,a._time-=r,a._tTime-=r),a.shiftChildren(-r,!1,-Infinity),o=0),s._end>n&&s._ts&&(n=s._end),s=e;Ra(a,a===I&&a._time>n?a._time:n,1,1),a._dirty=0}return a._tDur},Timeline.updateRoot=function updateRoot(t){if(I._ts&&(na(I,Ga(t,I)),f=Rt.frame),Rt.frame>=mt){mt+=q.autoSleep||120;var e=I._first;if((!e||!e._ts)&&q.autoSleep&&Rt._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||Rt.sleep()}}},Timeline}(Ut);qa(Xt.prototype,{_lock:0,_hasPause:0,_forcing:0});function ac(t,e,i,n,a,o){var u,h,l,f;if(pt[t]&&!1!==(u=new pt[t]).init(a,u.rawVars?e[t]:function _processVars(t,e,i,n,a){if(s(t)&&(t=Kt(t,a,e,i,n)),!v(t)||t.style&&t.nodeType||Z(t)||$(t))return r(t)?Kt(t,a,e,i,n):t;var o,u={};for(o in t)u[o]=Kt(t[o],a,e,i,n);return u}(e[t],n,a,o,i),i,n,o)&&(i._pt=h=new _e(i._pt,a,t,0,1,u.render,u,0,u.priority),i!==d))for(l=i._ptLookup[i._targets.indexOf(a)],f=u._props.length;f--;)l[u._props[f]]=h;return u}function gc(t,r,e,i){var n,a,s=r.ease||i||"power1.inOut";if(Z(r))a=e[t]||(e[t]=[]),r.forEach(function(t,e){return a.push({t:e/(r.length-1)*100,v:t,e:s})});else for(n in r)a=e[n]||(e[n]=[]),"ease"===n||a.push({t:parseFloat(t),v:r[n],e:s})}var Nt,Gt,Wt=function _addPropTween(t,e,i,n,a,o,u,h,l,f){s(n)&&(n=n(a||0,t,o));var d,c=t[e],p="get"!==i?i:s(c)?l?t[e.indexOf("set")||!s(t["get"+e.substr(3)])?e:"get"+e.substr(3)](l):t[e]():c,_=s(c)?l?re:te:Zt;if(r(n)&&(~n.indexOf("random(")&&(n=ob(n)),"="===n.charAt(1)&&(!(d=ka(p,n)+(Ya(p)||0))&&0!==d||(n=d))),!f||p!==n||Gt)return isNaN(p*n)||""===n?(c||e in t||Q(e,n),function _addComplexStringPropTween(t,e,r,i,n,a,s){var o,u,h,l,f,d,c,p,_=new _e(this._pt,t,e,0,1,ue,null,n),m=0,g=0;for(_.b=r,_.e=i,r+="",(c=~(i+="").indexOf("random("))&&(i=ob(i)),a&&(a(p=[r,i],t,e),r=p[0],i=p[1]),u=r.match(it)||[];o=it.exec(i);)l=o[0],f=i.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(d=parseFloat(u[g-1])||0,_._pt={_next:_._pt,p:f||1===g?f:",",s:d,c:"="===l.charAt(1)?ka(d,l)-d:parseFloat(l)-d,m:h&&h<4?Math.round:0},m=it.lastIndex);return _.c=m")}),s.duration();else{for(l in u={},x)"ease"===l||"easeEach"===l||gc(l,x[l],u,x.easeEach);for(l in u)for(A=u[l].sort(function(t,e){return t.t-e.t}),o=E=0;o=t._tDur||e<0)&&t.ratio===u&&(u&&za(t,1),r||L||(Ct(t,u?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,r);return this},e.targets=function targets(){return this._targets},e.invalidate=function invalidate(t){return t&&this.vars.runBackwards||(this._startAt=0),this._pt=this._op=this._onUpdate=this._lazy=this.ratio=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(t),D.prototype.invalidate.call(this,t)},e.resetTo=function resetTo(t,e,r,i,n){c||Rt.wake(),this._ts||this.play();var a,s=Math.min(this._dur,(this._dp._time-this._start)*this._ts);return this._initted||Qt(this,s),a=this._ease(s/this._dur),function _updatePropTweens(t,e,r,i,n,a,s,o){var u,h,l,f,d=(t._pt&&t._ptCache||(t._ptCache={}))[e];if(!d)for(d=t._ptCache[e]=[],l=t._ptLookup,f=t._targets.length;f--;){if((u=l[f][e])&&u.d&&u.d._pt)for(u=u.d._pt;u&&u.p!==e&&u.fp!==e;)u=u._next;if(!u)return Gt=1,t.vars[e]="+=0",Qt(t,s),Gt=0,o?R(e+" not eligible for reset"):1;d.push(u)}for(f=d.length;f--;)(u=(h=d[f])._pt||h).s=!i&&0!==i||n?u.s+(i||0)+a*u.c:i,u.c=r-u.s,h.e&&(h.e=ia(r)+Ya(h.e)),h.b&&(h.b=u.s+Ya(h.b))}(this,t,e,r,i,a,s,n)?this.resetTo(t,e,r,i,1):(Ia(this,0),this.parent||xa(this._dp,this,"_first","_last",this._dp._sort?"_start":0),this.render(0))},e.kill=function kill(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e))return this._lazy=this._pt=0,this.parent?tb(this):this.scrollTrigger&&this.scrollTrigger.kill(!!L),this;if(this.timeline){var i=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,Nt&&!0!==Nt.vars.overwrite)._first||tb(this),this.parent&&i!==this.timeline.totalDuration()&&Ra(this,this._dur*this.timeline._tDur/i,0,1),this}var n,a,s,o,u,h,l,f=this._targets,d=t?Mt(t):f,c=this._ptLookup,p=this._pt;if((!e||"all"===e)&&function _arraysMatch(t,e){for(var r=t.length,i=r===e.length;i&&r--&&t[r]===e[r];);return r<0}(f,d))return"all"===e&&(this._pt=0),tb(this);for(n=this._op=this._op||[],"all"!==e&&(r(e)&&(u={},ha(e,function(t){return u[t]=1}),e=u),e=function _addAliasesToVars(t,e){var r,i,n,a,s=t[0]?fa(t[0]).harness:0,o=s&&s.aliases;if(!o)return e;for(i in r=yt({},e),o)if(i in r)for(n=(a=o[i].split(",")).length;n--;)r[a[n]]=r[i];return r}(f,e)),l=f.length;l--;)if(~d.indexOf(f[l]))for(u in a=c[l],"all"===e?(n[l]=e,o=a,s={}):(s=n[l]=n[l]||{},o=e),o)(h=a&&a[u])&&("kill"in h.d&&!0!==h.d.kill(u)||ya(this,h,"_pt"),delete a[u]),"all"!==s&&(s[u]=1);return this._initted&&!this._pt&&p&&tb(this),this},Tween.to=function to(t,e,r){return new Tween(t,e,r)},Tween.from=function from(t,e){return Va(1,arguments)},Tween.delayedCall=function delayedCall(t,e,r,i){return new Tween(e,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:e,onReverseComplete:e,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:i})},Tween.fromTo=function fromTo(t,e,r){return Va(2,arguments)},Tween.set=function set(t,e){return e.duration=0,e.repeatDelay||(e.repeat=0),new Tween(t,e)},Tween.killTweensOf=function killTweensOf(t,e,r){return I.killTweensOf(t,e,r)},Tween}(Ut);qa($t.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),ha("staggerTo,staggerFrom,staggerFromTo",function(r){$t[r]=function(){var t=new Xt,e=Ot.call(arguments,0);return e.splice("staggerFromTo"===r?5:4,0,0),t[r].apply(t,e)}});function oc(t,e,r){return t.setAttribute(e,r)}function wc(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)}var Zt=function _setterPlain(t,e,r){return t[e]=r},te=function _setterFunc(t,e,r){return t[e](r)},re=function _setterFuncWithParam(t,e,r,i){return t[e](i.fp,r)},ne=function _getSetter(t,e){return s(t[e])?te:u(t[e])&&t.setAttribute?oc:Zt},ae=function _renderPlain(t,e){return e.set(e.t,e.p,Math.round(1e6*(e.s+e.c*t))/1e6,e)},se=function _renderBoolean(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},ue=function _renderComplexString(t,e){var r=e._pt,i="";if(!t&&e.b)i=e.b;else if(1===t&&e.e)i=e.e;else{for(;r;)i=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+i,r=r._next;i+=e.c}e.set(e.t,e.p,i,e)},he=function _renderPropTweens(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},fe=function _addPluginModifier(t,e,r,i){for(var n,a=this._pt;a;)n=a._next,a.p===i&&a.modifier(t,e,r),a=n},ce=function _killPropTweensOf(t){for(var e,r,i=this._pt;i;)r=i._next,i.p===t&&!i.op||i.op===t?ya(this,i,"_pt"):i.dep||(e=1),i=r;return!e},pe=function _sortPropTweensByPriority(t){for(var e,r,i,n,a=t._pt;a;){for(e=a._next,r=i;r&&r.pr>a.pr;)r=r._next;(a._prev=r?r._prev:n)?a._prev._next=a:i=a,(a._next=r)?r._prev=a:n=a,a=e}t._pt=i},_e=(PropTween.prototype.modifier=function modifier(t,e,r){this.mSet=this.mSet||this.set,this.set=wc,this.m=t,this.mt=r,this.tween=e},PropTween);function PropTween(t,e,r,i,n,a,s,o,u){this.t=e,this.s=i,this.c=n,this.p=r,this.r=a||ae,this.d=s||this,this.set=o||Zt,this.pr=u||0,(this._next=t)&&(t._prev=this)}ha(vt+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",function(t){return ft[t]=1}),ot.TweenMax=ot.TweenLite=$t,ot.TimelineLite=ot.TimelineMax=Xt,I=new Xt({sortChildren:!1,defaults:V,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),q.stringFilter=Fb;function Ec(t){return(ye[t]||Te).map(function(t){return t()})}function Fc(){var t=Date.now(),o=[];2 + + + + + + + Intro + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/dist/digital/c3voc/outro.html b/dist/digital/c3voc/outro.html new file mode 100644 index 0000000..355a4dc --- /dev/null +++ b/dist/digital/c3voc/outro.html @@ -0,0 +1,452 @@ + + + + + + + + Outro + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + +
+ + + + + + + \ No newline at end of file diff --git a/dist/digital/c3voc/pause.html b/dist/digital/c3voc/pause.html new file mode 100644 index 0000000..1747f8e --- /dev/null +++ b/dist/digital/c3voc/pause.html @@ -0,0 +1,469 @@ + + + + + + + + Pause + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + Break + + + + + + + + + +
+ + + + + + + \ No newline at end of file diff --git a/dist/digital/c3voc/style.css b/dist/digital/c3voc/style.css new file mode 100644 index 0000000..bcb7554 --- /dev/null +++ b/dist/digital/c3voc/style.css @@ -0,0 +1,294 @@ +:root { + --color-neutral-50: #f2f0f5; + --color-neutral-100: #d1c6e0; + --color-neutral-200: #b2a0cb; + --color-neutral-300: #957eb5; + --color-neutral-400: #7a60a0; + --color-neutral-500: #61468b; + --color-neutral-600: #4b3176; + --color-neutral-700: #371f60; + --color-neutral-800: #26114b; + --color-neutral-900: #180736; + --color-neutral-950: #0c011f; + --color-argon-50: #e1abc9; + --color-argon-100: #da87b5; + --color-argon-200: #d464a1; + --color-argon-300: #cd448f; + --color-argon-400: #c6257d; + --color-argon-500: #b0166f; + --color-argon-600: #9a0a61; + --color-argon-700: #830755; + --color-argon-800: #6d0449; + --color-argon-900: #56023c; + --color-argon-950: #3f012d; + --color-krypton-50: #b2d9ea; + --color-krypton-100: #8cc9e4; + --color-krypton-200: #69bade; + --color-krypton-300: #4badd8; + --color-krypton-400: #2493c2; + --color-krypton-500: #167fac; + --color-krypton-600: #0a6c96; + --color-krypton-700: #075c81; + --color-krypton-800: #044c6b; + --color-krypton-900: #023c55; + --color-krypton-950: #012c3f; + --color-green-50: #c0f49a; + --color-green-100: #a7e57a; + --color-green-200: #8fd75d; + --color-green-300: #7ac843; + --color-green-400: #66b92d; + --color-green-500: #54aa18; + --color-green-600: #47990f; + --color-green-700: #397e0a; + --color-green-800: #2b6206; + --color-green-900: #1f4703; + --color-green-950: #122b01; + --color-red-50: #e6afaf; + --color-red-100: #dd9090; + --color-red-200: #d57272; + --color-red-300: #cc5757; + --color-red-400: #c33d3d; + --color-red-500: #bb2626; + --color-red-600: #b21010; + --color-red-700: #950808; + --color-red-800: #780404; + --color-red-900: #5c0202; + --color-red-950: #3f0101; + --color-yellow-50: #fefce8; + --color-yellow-100: #fef9c2; + --color-yellow-200: #fff085; + --color-yellow-300: #ffdf20; + --color-yellow-400: #fdc700; + --color-yellow-500: #efb100; + --color-yellow-600: #d08700; + --color-yellow-700: #a65f00; + --color-yellow-800: #894b00; + --color-yellow-900: #733e0a; + --color-yellow-950: #432004; + --color-white: #ffffff; + --color-dark-foreground: var(--color-neutral-50); + --color-dark-background: var(--color-neutral-950); + --color-dark-shade-1: var(--color-neutral-900); + --color-dark-shade-2: var(--color-neutral-800); + --color-dark-shade-3: var(--color-neutral-700); + --color-dark-shade-4: var(--color-neutral-600); + --color-dark-text-1: var(--color-neutral-200); + --color-dark-text-2: var(--color-neutral-300); + --color-dark-text-3: var(--color-neutral-400); + --color-dark-text-4: var(--color-neutral-500); + --color-dark-primary: var(--color-argon-400); + --color-dark-secondary: var(--color-krypton-300); + --color-dark-error: var(--color-red-500); + --color-dark-success: var(--color-green-500); + --color-dark-warning: var(--color-yellow-500); + --color-dark-accent-1: #60a5f9; + --color-dark-accent-2: #d381f7; + --color-dark-accent-3: #ff7975; + --color-light-foreground: var(--color-neutral-950); + --color-light-background: var(--color-neutral-50); + --color-light-shade-1: var(--color-neutral-100); + --color-light-shade-2: var(--color-neutral-200); + --color-light-shade-3: var(--color-neutral-300); + --color-light-shade-4: var(--color-neutral-400); + --color-light-text-1: var(--color-neutral-800); + --color-light-text-2: var(--color-neutral-700); + --color-light-text-3: var(--color-neutral-600); + --color-light-text-4: var(--color-neutral-500); + --color-light-primary: var(--color-argon-600); + --color-light-secondary: var(--color-krypton-500); + --color-light-error: var(--color-red-600); + --color-light-success: var(--color-green-600); + --color-light-warning: var(--color-yellow-600); + --color-light-accent-1: #303ec0; + --color-light-accent-2: #6c366c; + --color-light-accent-3: #932f0a; + --color-cmyk-primary: var(--color-dark-primary); + --color-cmyk-secondary: var(--color-dark-secondary); +} + +@font-face { + font-family: "Athiti"; + font-weight: 700; + src: url("assets/font/athiti/Athiti-Bold.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 600; + src: url("assets/font/athiti/Athiti-SemiBold.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 500; + src: url("assets/font/athiti/Athiti-Medium.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 400; + src: url("assets/font/athiti/Athiti-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 300; + src: url("assets/font/athiti/Athiti-Light.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 200; + src: url("assets/font/athiti/Athiti-ExtraLight.woff2") format("woff2"); +} +@font-face { + font-family: "Departure Mono"; + src: url("assets/font/departuremono/DepartureMono-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 100; + src: url("assets/font/argonglow/ArgonGlow-Thin.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 200; + src: url("assets/font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 300; + src: url("assets/font/argonglow/ArgonGlow-Light.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 400; + src: url("assets/font/argonglow/ArgonGlow-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 500; + src: url("assets/font/argonglow/ArgonGlow-Medium.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 600; + src: url("assets/font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 700; + src: url("assets/font/argonglow/ArgonGlow-Bold.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + src: url("assets/font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2"); + font-weight: 100 900; +} +:root.is-transparent { + background: transparent; +} + +body { + margin: 0; + padding: 0; + background-color: #000000; + display: block; +} + +#scene { + background: var(--color-dark-background); + color: white; + width: 1920px; + height: 1080px; + overflow: hidden; + contain: strict; + position: relative; +} + +:root.is-transparent #scene { + background: transparent; +} + +#title { + position: absolute; + left: 100px; + top: 600px; + width: 1720px; + overflow: visible; +} +#title text { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 216px; +} + +#breakText { + position: absolute; + left: 100px; + top: 0; + width: 1720px; + height: 1080px; + overflow: visible; + transform: scale(2.5); +} +#breakText text { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 216px; + text-anchor: middle; +} + +#speaker { + position: absolute; + right: 150px; + bottom: 150px; + overflow: visible; +} +#speaker text { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 216px; + text-anchor: end; + fill: #ffffff; +} + +#title tspan, #speaker tspan { + fill: #ffffff; +} + +#logo_eventname_glow_off { + position: absolute; + top: 100px; + left: 100px; + width: 1720px; + height: 400px; + overflow: visible; +} + +#logo_eventname_glow { + position: absolute; + top: 100px; + left: 100px; + width: 1720px; + height: 400px; + overflow: visible; +} + +#bg { + position: absolute; + top: 0; + left: 0; + width: 1920px; +} + +#outro { + position: absolute; + top: 0; + left: 0; + width: 1920px; + z-index: 10; +} + +#svgPath { + position: absolute; + top: 0; + left: 0; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/dist/digital/c3voc/style.css.map b/dist/digital/c3voc/style.css.map new file mode 100644 index 0000000..715500b --- /dev/null +++ b/dist/digital/c3voc/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAKF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/dist/digital/c3voc/style.scss b/dist/digital/c3voc/style.scss new file mode 100644 index 0000000..d877380 --- /dev/null +++ b/dist/digital/c3voc/style.scss @@ -0,0 +1,323 @@ + +:root { + --color-neutral-50: #f2f0f5; + --color-neutral-100: #d1c6e0; + --color-neutral-200: #b2a0cb; + --color-neutral-300: #957eb5; + --color-neutral-400: #7a60a0; + --color-neutral-500: #61468b; + --color-neutral-600: #4b3176; + --color-neutral-700: #371f60; + --color-neutral-800: #26114b; + --color-neutral-900: #180736; + --color-neutral-950: #0c011f; + --color-argon-50: #e1abc9; + --color-argon-100: #da87b5; + --color-argon-200: #d464a1; + --color-argon-300: #cd448f; + --color-argon-400: #c6257d; + --color-argon-500: #b0166f; + --color-argon-600: #9a0a61; + --color-argon-700: #830755; + --color-argon-800: #6d0449; + --color-argon-900: #56023c; + --color-argon-950: #3f012d; + --color-krypton-50: #b2d9ea; + --color-krypton-100: #8cc9e4; + --color-krypton-200: #69bade; + --color-krypton-300: #4badd8; + --color-krypton-400: #2493c2; + --color-krypton-500: #167fac; + --color-krypton-600: #0a6c96; + --color-krypton-700: #075c81; + --color-krypton-800: #044c6b; + --color-krypton-900: #023c55; + --color-krypton-950: #012c3f; + --color-green-50: #c0f49a; + --color-green-100: #a7e57a; + --color-green-200: #8fd75d; + --color-green-300: #7ac843; + --color-green-400: #66b92d; + --color-green-500: #54aa18; + --color-green-600: #47990f; + --color-green-700: #397e0a; + --color-green-800: #2b6206; + --color-green-900: #1f4703; + --color-green-950: #122b01; + --color-red-50: #e6afaf; + --color-red-100: #dd9090; + --color-red-200: #d57272; + --color-red-300: #cc5757; + --color-red-400: #c33d3d; + --color-red-500: #bb2626; + --color-red-600: #b21010; + --color-red-700: #950808; + --color-red-800: #780404; + --color-red-900: #5c0202; + --color-red-950: #3f0101; + --color-yellow-50: #fefce8; + --color-yellow-100: #fef9c2; + --color-yellow-200: #fff085; + --color-yellow-300: #ffdf20; + --color-yellow-400: #fdc700; + --color-yellow-500: #efb100; + --color-yellow-600: #d08700; + --color-yellow-700: #a65f00; + --color-yellow-800: #894b00; + --color-yellow-900: #733e0a; + --color-yellow-950: #432004; + + --color-white: #ffffff; + + --color-dark-foreground: var(--color-neutral-50); + --color-dark-background: var(--color-neutral-950); + --color-dark-shade-1: var(--color-neutral-900); + --color-dark-shade-2: var(--color-neutral-800); + --color-dark-shade-3: var(--color-neutral-700); + --color-dark-shade-4: var(--color-neutral-600); + --color-dark-text-1: var(--color-neutral-200); + --color-dark-text-2: var(--color-neutral-300); + --color-dark-text-3: var(--color-neutral-400); + --color-dark-text-4: var(--color-neutral-500); + --color-dark-primary: var(--color-argon-400); + --color-dark-secondary: var(--color-krypton-300); + --color-dark-error: var(--color-red-500); + --color-dark-success: var(--color-green-500); + --color-dark-warning: var(--color-yellow-500); + --color-dark-accent-1: #60a5f9; + --color-dark-accent-2: #d381f7; + --color-dark-accent-3: #ff7975; + + --color-light-foreground: var(--color-neutral-950); + --color-light-background: var(--color-neutral-50); + --color-light-shade-1: var(--color-neutral-100); + --color-light-shade-2: var(--color-neutral-200); + --color-light-shade-3: var(--color-neutral-300); + --color-light-shade-4: var(--color-neutral-400); + --color-light-text-1: var(--color-neutral-800); + --color-light-text-2: var(--color-neutral-700); + --color-light-text-3: var(--color-neutral-600); + --color-light-text-4: var(--color-neutral-500); + --color-light-primary: var(--color-argon-600); + --color-light-secondary: var(--color-krypton-500); + --color-light-error: var(--color-red-600); + --color-light-success: var(--color-green-600); + --color-light-warning: var(--color-yellow-600); + --color-light-accent-1: #303ec0; + --color-light-accent-2: #6c366c; + --color-light-accent-3: #932f0a; + + --color-cmyk-primary: var(--color-dark-primary); + --color-cmyk-secondary: var(--color-dark-secondary); + +} +// fonts + +@font-face { + font-family: 'Athiti'; + font-weight: 700; + src: url('assets/font/athiti/Athiti-Bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Athiti'; + font-weight: 600; + src: url('assets/font/athiti/Athiti-SemiBold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Athiti'; + font-weight: 500; + src: url('assets/font/athiti/Athiti-Medium.woff2') format('woff2'); +} + +@font-face { + font-family: 'Athiti'; + font-weight: 400; + src: url('assets/font/athiti/Athiti-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Athiti'; + font-weight: 300; + src: url('assets/font/athiti/Athiti-Light.woff2') format('woff2'); +} + +@font-face { + font-family: 'Athiti'; + font-weight: 200; + src: url('assets/font/athiti/Athiti-ExtraLight.woff2') format('woff2'); +} + +@font-face { + font-family: 'Departure Mono'; + src: url('assets/font/departuremono/DepartureMono-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + font-weight: 100; + src: url('assets/font/argonglow/ArgonGlow-Thin.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + font-weight: 200; + src: url('assets/font/argonglow/ArgonGlow-ExtraLight.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + font-weight: 300; + src: url('assets/font/argonglow/ArgonGlow-Light.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + font-weight: 400; + src: url('assets/font/argonglow/ArgonGlow-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + font-weight: 500; + src: url('assets/font/argonglow/ArgonGlow-Medium.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + font-weight: 600; + src: url('assets/font/argonglow/ArgonGlow-SemiBold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + font-weight: 700; + src: url('assets/font/argonglow/ArgonGlow-Bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Argon Glow'; + src: url('assets/font/argonglow/ArgonGlow-VariableVF.woff2') format('woff2'); + font-weight: 100 900; +} + + +:root.is-transparent { + background: transparent; +} + +$scale: 1; + +body { + margin: 0; + padding: 0; + background-color: #000000; + display: block; +} + +#scene { + background: var(--color-dark-background); + color: white; + width: calc(1920px * $scale); + height: calc(1080px * $scale); + overflow: hidden; + contain: strict; + position: relative; +} + +:root.is-transparent #scene { + background: transparent; +} + +#title { + position: absolute; + left: calc(100px * $scale); + top: calc(600px * $scale); + width: calc(1720px * $scale); + overflow: visible; + + text { + font-family: 'Argon Glow', ui-sans, sans-serif; + font-weight: 400; + font-size: 216px; + } +} + +#breakText { + position: absolute; + left: calc(100px * $scale); + top: 0; + width: calc(1720px * $scale); + height: calc(1080px * $scale); + overflow: visible; + transform: scale(2.5); + + text { + font-family: 'Argon Glow', ui-sans, sans-serif; + font-weight: 400; + font-size: 216px; + text-anchor: middle; + } +} + +#speaker { + position: absolute; + right: 150px; + bottom: 150px; + overflow: visible; + + text { + font-family: 'Argon Glow', ui-sans, sans-serif; + font-weight: 400; + font-size: 216px; + text-anchor: end; + fill: #ffffff; + } +} + +#title,#speaker { + tspan { + fill: #ffffff; + } +} + +#logo_eventname_glow_off { + position: absolute; + top: calc(100px * $scale); + left: calc(100px * $scale); + width: calc(1720px * $scale); + height: calc(400px * $scale); + overflow: visible; +} + +#logo_eventname_glow { + position: absolute; + top: calc(100px * $scale); + left: calc(100px * $scale); + width: calc(1720px * $scale); + height: calc(400px * $scale); + overflow: visible; +} + +#bg { + position: absolute; + top: 0; + left: 0; + width: calc(1920px * $scale); +} + +#outro { + position: absolute; + top: 0; + left: 0; + width: calc(1920px * $scale); + z-index: 10; +} + +#svgPath { + //display: none; + position: absolute; + top: 0; + left: 0; +} \ No newline at end of file