diff --git a/app/static/css/partials/_about.scss b/app/static/css/partials/_about.scss index 3bbb25b..7e4af0a 100755 --- a/app/static/css/partials/_about.scss +++ b/app/static/css/partials/_about.scss @@ -51,13 +51,13 @@ } } -.about-phantasma-block { +//.about-phantasma-block { - @media screen and (min-width: 800px) { - background: rgba(255, 255, 255, 0.04); - padding: var(--spacing-2); - } -} + //@media screen and (min-width: 800px) { + //background: rgba(255, 255, 255, 0.04); + //padding: var(--spacing-2); + //} +//} .accordion-checkbox { position: absolute; diff --git a/app/static/css/partials/_ascroll.scss b/app/static/css/partials/_ascroll.scss index 523779b..f0b1268 100755 --- a/app/static/css/partials/_ascroll.scss +++ b/app/static/css/partials/_ascroll.scss @@ -56,8 +56,8 @@ max-width: var(--container-width); margin: auto; padding: 20px 20px; - font-size: 22px; - line-height: 26px; + font-size: 20px; + line-height: 24px; figure { width: 100%; @@ -70,4 +70,27 @@ } } } + + .annotation-icon-wrapper { + border: 3px solid rgba(#fff, 0.8); + border-radius: 50%; + background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4)); + background-size: 300% 100%; + width: 52px; + height: 52px; + display: flex; + align-items: center; + justify-content: center; + animation: background_animation 30s ease-in-out infinite; + opacity: 0.9; + + &:hover, &:focus { + opacity: 1; + } + } + + .annotation-icon { + color: rgba(#fff, 1); + font-size: 38px; + } } diff --git a/app/static/css/partials/_film.scss b/app/static/css/partials/_film.scss index 62d4737..4fb2e5a 100755 --- a/app/static/css/partials/_film.scss +++ b/app/static/css/partials/_film.scss @@ -186,4 +186,4 @@ main > .film { video.player.fullscreen:-webkit-full-screen { width: 100%; height: 100%; -} +} \ No newline at end of file diff --git a/app/static/css/partials/_icomoon.scss b/app/static/css/partials/_icomoon.scss index cc207a1..61c5a96 100755 --- a/app/static/css/partials/_icomoon.scss +++ b/app/static/css/partials/_icomoon.scss @@ -1,9 +1,9 @@ @font-face { font-family: 'icomoon'; src: - url('/static/fonts/icomoon/icomoon.ttf?ru5m2') format('truetype'), - url('/static/fonts/icomoon/fonts/icomoon.woff?ru5m2') format('woff'), - url('/static/fonts/icomoon/icomoon.svg?ru5m2#icomoon') format('svg'); + url('/static/fonts/icomoon/icomoon.ttf?5ydswh') format('truetype'), + url('/static/fonts/icomoon/fonts/icomoon.woff?5ydswh') format('woff'), + url('/static/fonts/icomoon/icomoon.svg?5ydswh#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -36,3 +36,12 @@ .f-icon-triangle-down:before { content: "\e903"; } +.f-icon-volume_down:before { + content: "\e906"; +} +.f-icon-volume_up:before { + content: "\e905"; +} +.f-icon-volume_off:before { + content: "\e904"; +} diff --git a/app/static/css/partials/_text.scss b/app/static/css/partials/_text.scss index a7f3ac9..e0e602a 100755 --- a/app/static/css/partials/_text.scss +++ b/app/static/css/partials/_text.scss @@ -62,6 +62,8 @@ em { } main > .texts { + max-width: var(--container-width); + padding: var(--spacing-2); box-sizing: border-box; a { @@ -70,7 +72,7 @@ main > .texts { } .text { - margin: var(--spacing); + margin: 0 0 var(--spacing-2) 0; h1 { font-weight: bold; font-size: 20px; diff --git a/app/static/fonts/icomoon/demo-files/demo.css b/app/static/fonts/icomoon/demo-files/demo.css index 640525b..a94b64c 100755 --- a/app/static/fonts/icomoon/demo-files/demo.css +++ b/app/static/fonts/icomoon/demo-files/demo.css @@ -149,4 +149,7 @@ p { .fs1 { font-size: 20px; } +.fs2 { + font-size: 24px; +} diff --git a/app/static/fonts/icomoon/demo.html b/app/static/fonts/icomoon/demo.html index d8c030c..09c6586 100755 --- a/app/static/fonts/icomoon/demo.html +++ b/app/static/fonts/icomoon/demo.html @@ -9,7 +9,7 @@
-

Font Name: icomoon (Glyphs: 4)

+

Font Name: icomoon (Glyphs: 7)

Grid Size: 20

@@ -70,6 +70,51 @@
+
+

Grid Size: 24

+
+
+ + f-icon-volume_down +
+
+ + +
+
+ liga: + +
+
+
+
+ + f-icon-volume_up +
+
+ + +
+
+ liga: + +
+
+
+
+ + f-icon-volume_off +
+
+ + +
+
+ liga: + +
+
+
diff --git a/app/static/fonts/icomoon/fonts/icomoon.svg b/app/static/fonts/icomoon/fonts/icomoon.svg index 8c6fa16..2d6f82b 100755 --- a/app/static/fonts/icomoon/fonts/icomoon.svg +++ b/app/static/fonts/icomoon/fonts/icomoon.svg @@ -11,4 +11,7 @@ + + + \ No newline at end of file diff --git a/app/static/fonts/icomoon/fonts/icomoon.ttf b/app/static/fonts/icomoon/fonts/icomoon.ttf index 2ef48de..c2956f7 100755 Binary files a/app/static/fonts/icomoon/fonts/icomoon.ttf and b/app/static/fonts/icomoon/fonts/icomoon.ttf differ diff --git a/app/static/fonts/icomoon/fonts/icomoon.woff b/app/static/fonts/icomoon/fonts/icomoon.woff index aa8d35b..830d910 100755 Binary files a/app/static/fonts/icomoon/fonts/icomoon.woff and b/app/static/fonts/icomoon/fonts/icomoon.woff differ diff --git a/app/static/fonts/icomoon/selection.json b/app/static/fonts/icomoon/selection.json index cede3a1..cd18fa0 100755 --- a/app/static/fonts/icomoon/selection.json +++ b/app/static/fonts/icomoon/selection.json @@ -1 +1 @@ -{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M768 716.8h-512l256-460.8 256 460.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-up"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":3,"prevSize":20,"code":59648,"name":"triangle-up"},"setIdx":0,"setId":16,"iconIdx":0},{"icon":{"paths":["M768 512l-460.8 256v-512l460.8 256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-right"],"grid":20},"attrs":[{}],"properties":{"order":2,"id":2,"prevSize":20,"code":59649,"name":"triangle-right"},"setIdx":0,"setId":16,"iconIdx":1},{"icon":{"paths":["M716.8 256v512l-460.8-256 460.8-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-left"],"grid":20},"attrs":[{}],"properties":{"order":3,"id":1,"prevSize":20,"code":59650,"name":"triangle-left"},"setIdx":0,"setId":16,"iconIdx":2},{"icon":{"paths":["M256 307.2h512l-256 460.8-256-460.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-down"],"grid":20},"attrs":[{}],"properties":{"order":4,"id":0,"prevSize":20,"code":59651,"name":"triangle-down"},"setIdx":0,"setId":16,"iconIdx":3}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"f-icon-","metadata":{"fontFamily":"icomoon","majorVersion":1,"minorVersion":0},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"noie8":true,"ie7":false,"showSelector":true},"imagePref":{"prefix":"icon-","png":false,"useClassSelector":true,"color":16777215,"bgColor":16777215,"classSelector":".icon","name":"icomoon","height":32,"columns":16,"margin":16},"historySize":50,"showCodes":true,"gridSize":16}} \ No newline at end of file +{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M768 716.8h-512l256-460.8 256 460.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-up"],"grid":20},"attrs":[{}],"properties":{"order":1,"id":3,"prevSize":20,"code":59648,"name":"triangle-up"},"setIdx":0,"setId":16,"iconIdx":0},{"icon":{"paths":["M768 512l-460.8 256v-512l460.8 256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-right"],"grid":20},"attrs":[{}],"properties":{"order":2,"id":2,"prevSize":20,"code":59649,"name":"triangle-right"},"setIdx":0,"setId":16,"iconIdx":1},{"icon":{"paths":["M716.8 256v512l-460.8-256 460.8-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-left"],"grid":20},"attrs":[{}],"properties":{"order":3,"id":1,"prevSize":20,"code":59650,"name":"triangle-left"},"setIdx":0,"setId":16,"iconIdx":2},{"icon":{"paths":["M256 307.2h512l-256 460.8-256-460.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["triangle-down"],"grid":20},"attrs":[{}],"properties":{"order":4,"id":0,"prevSize":20,"code":59651,"name":"triangle-down"},"setIdx":0,"setId":16,"iconIdx":3},{"icon":{"paths":["M214 384h170l214-214v684l-214-214h-170v-256zM790 512q0 118-108 172v-344q44 22 76 73t32 99z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["volume_down"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":3,"prevSize":24,"code":59654,"name":"volume_down"},"setIdx":9,"setId":7,"iconIdx":0},{"icon":{"paths":["M598 138q130 28 214 133t84 241-84 241-214 133v-88q94-28 153-106t59-180-59-180-153-106v-88zM704 512q0 120-106 172v-344q44 22 75 72t31 100zM128 384h170l214-214v684l-214-214h-170v-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["volume_up"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":2,"prevSize":24,"code":59653,"name":"volume_up"},"setIdx":9,"setId":7,"iconIdx":1},{"icon":{"paths":["M512 170v180l-90-90zM182 128l714 714-54 54-88-88q-66 56-156 78v-88q50-14 96-50l-182-182v288l-214-214h-170v-256h202l-202-202zM810 512q0-102-59-180t-153-106v-88q130 28 214 133t84 241q0 94-44 178l-64-66q22-54 22-112zM704 512q0 18-2 26l-104-104v-94q44 22 75 72t31 100z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["volume_off"],"grid":24},"attrs":[{}],"properties":{"order":1,"id":1,"prevSize":24,"code":59652,"name":"volume_off"},"setIdx":9,"setId":7,"iconIdx":2}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"f-icon-","metadata":{"fontFamily":"icomoon","majorVersion":1,"minorVersion":0},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"noie8":true,"ie7":false,"showSelector":true},"imagePref":{"prefix":"icon-","png":false,"useClassSelector":true,"color":16777215,"bgColor":16777215,"classSelector":".icon","name":"icomoon","height":32,"columns":16,"margin":16},"historySize":50,"showCodes":true,"gridSize":16}} \ No newline at end of file diff --git a/app/static/fonts/icomoon/style.css b/app/static/fonts/icomoon/style.css index 8c7113e..3968372 100755 --- a/app/static/fonts/icomoon/style.css +++ b/app/static/fonts/icomoon/style.css @@ -1,9 +1,9 @@ @font-face { font-family: 'icomoon'; src: - url('fonts/icomoon.ttf?ru5m2') format('truetype'), - url('fonts/icomoon.woff?ru5m2') format('woff'), - url('fonts/icomoon.svg?ru5m2#icomoon') format('svg'); + url('fonts/icomoon.ttf?5ydswh') format('truetype'), + url('fonts/icomoon.woff?5ydswh') format('woff'), + url('fonts/icomoon.svg?5ydswh#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -36,3 +36,12 @@ .f-icon-triangle-down:before { content: "\e903"; } +.f-icon-volume_down:before { + content: "\e906"; +} +.f-icon-volume_up:before { + content: "\e905"; +} +.f-icon-volume_off:before { + content: "\e904"; +} diff --git a/app/static/js/ascroll.js b/app/static/js/ascroll.js old mode 100644 new mode 100755 index 271b3d2..6553d1f --- a/app/static/js/ascroll.js +++ b/app/static/js/ascroll.js @@ -170,11 +170,11 @@ function showOverlay(event) { overlay.style.display = 'flex' overlay.style.alignItems = 'center' overlay.style.justifyContent = 'center' - overlay.style.fontSize = '45px' + //overlay.style.fontSize = '45px' video.controls = false - var off = `🔇` - var on = `🔊` + var off = `` + var on = `` if (video.muted) { overlay.innerHTML = off diff --git a/app/templates/about.html b/app/templates/about.html index 4d00d58..6504745 100755 --- a/app/templates/about.html +++ b/app/templates/about.html @@ -23,7 +23,7 @@

The artworks present in this exhibition, even as they maintain scepticism towards techno-fetishistic, development-philic, heteronormative, non-inclusive paradigms for the future, propelled in the interest of capital and by the anaemic premise inscribed by the idea of progress, they do not deny the possibility of reorienting civilizational creativity and resilience towards reconsiderations.

-

The online platform that hosts this exhibition conceptualized and drawn from pad.ma proposes alternative ways of deepening the connectivity and democratic possibilities that can exist vis-à-vis the internet towards ethical digital infrastructures to engage intimately with art.

+

The online platform that hosts this exhibition conceptualized and drawn from Pad.ma proposes alternative ways of deepening the connectivity and democratic possibilities that can exist vis-à-vis the internet towards ethical digital infrastructures to engage intimately with art.

@@ -38,8 +38,8 @@

錄像計畫「未至之城:回望未來」由安努舒卡.拉堅德蘭策展,該計劃想像各種被主流勢力所阻擋、威脅的未來景觀,而許多的「未來」在當前世界裡已出現蛛絲馬跡。展覽中一系列的動態影像以「未來過去式」探索各種議題,深掘當代時間感知的循環特性,以及時間間隙當中的潛在可能。

雖然展覽中的作品對於科技迷戀、發展導向、異性戀觀點、對未來的排他敘事、受資本驅動、進步導向的貧乏敘事提出質疑,藝術家仍然願意透過文明創造力與韌性,重新探索不同未來可能。

-

呈現此計畫的網路平台之發想與概念來自 pad.ma,該平台提倡以另類的方式,讓數位介面的藝術體驗更具有連結性也更民主。

-

呈現此計畫的網路平台之發想與概念來自 pad.ma,該平台提倡以另類的方式,讓數位介面的藝術體驗更具有連結性也更民主。

+

呈現此計畫的網路平台之發想與概念來自 Pad.ma,該平台提倡以另類的方式,讓數位介面的藝術體驗更具有連結性也更民主。

+

呈現此計畫的網路平台之發想與概念來自 Pad.ma,該平台提倡以另類的方式,讓數位介面的藝術體驗更具有連結性也更民主。

@@ -68,7 +68,7 @@

Pad.ma is an artist-run online archive of densely text-annotated video material, primarily footage and not finished films contributed by filmmakers, artists and cultural workers. It was set up in 2008 as a collaboration between CAMP, 0x2620, the Alternative Law Forum and Majlis. Pad.ma (and her allied projects) remain at the forefront of radical and future-oriented thinking and engagement with both material and theory of digital archives.

-

CAMP is a collaborative studio founded in Bombay in 2007. It has been producing fundamental new work in film and video, electronic media, and public art forms, in a practice characterised by a hand-dirtying, non-alienated relation to technology. From their home base in Mumbai, they co-host the online archives pad.ma and indiancine.ma and run a rooftop cinema for the past 14 years.

+

CAMP is a collaborative studio founded in Bombay in 2007. It has been producing fundamental new work in film and video, electronic media, and public art forms, in a practice characterised by a hand-dirtying, non-alienated relation to technology. From their home base in Mumbai, they co-host the online archives Pad.ma and indiancine.ma and run a rooftop cinema for the past 14 years.

Founded in 2010 in Berlin, 0x2620 is an artist-run agency for the advancement of the international exchange of information, and usually operates at the intersections of art, politics and technology. Its activities include extensive research on intellectual property and piracy, the development of open-source software tools and web applications, and the production of both technological and social infrastructure for the collaborative creation, maintenance and use of relatively large data sets.

@@ -124,7 +124,7 @@

-

CAMP為2007年成立於孟買的合作型工作室。其創作一向與技術維持近距親身的接觸,和不排斥不疏離的關係,並秉持此一精神與作法,不斷推出電影及錄像、電子媒體、公共藝術等類型的全新作品。他們以設址於孟買的總部為據點,執行線上資料庫​Pad.ma和​Indiancine.ma的聯合運作,其於14年前開辦的屋頂電影院至今依舊照常營運。

+

CAMP為2007年成立於孟買的合作型工作室。其創作一向與技術維持近距親身的接觸,和不排斥不疏離的關係,並秉持此一精神與作法,不斷推出電影及錄像、電子媒體、公共藝術等類型的全新作品。他們以設址於孟買的總部為據點,執行線上資料庫Pad.ma和Indiancine.ma的聯合運作,其於14年前開辦的屋頂電影院至今依舊照常營運。

0x2620 2010年成立於柏林,是一個為促進國際資訊交流而建立的藝術家營運機構,擅長處理藝術、政治、技術之間所產生的交集與碰撞塊。活動包括在智慧財產與盜版、開放源軟體工具及網路應用程式的開發、合作性創作、相對巨量數據集的維護及使用等多方面的研究。

diff --git a/app/templates/text.html b/app/templates/text.html old mode 100644 new mode 100755