commit fe8bc05c69c0fa9d0bb55748eae298a25db07d71 Author: j Date: Thu Jan 11 13:44:22 2018 +0100 ifc diff --git a/icf.css b/icf.css new file mode 100644 index 0000000..c07b283 --- /dev/null +++ b/icf.css @@ -0,0 +1,108 @@ +@font-face { + font-family: Source Serif; + src: url(ttf/SourceSerifPro-Regular.ttf); +} +@font-face { + font-family: Source Serif Semibold; + src: url(ttf/SourceSerifPro-Semibold.ttf); +} + +body { + color: rgb(64, 64, 64); + margin: 0; +} +a { + color: rgb(255, 128, 0); + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +b { + font-family: Source Serif Semibold; +} +em, i { + font-family: Lora Italic; +} + +#head { + background-color: rgb(255, 255, 255); + height: 80px; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1; +} +#icf_icon { + height: 64px; + left: 64px; + position: absolute; + top: 8px; +} +#icf_logo { + height: 22px; + left: 136px; + position: absolute; + top: 49px; +} + +#timeline { + background-color: rgb(192, 192, 192); + height: 32px; + left: 0; + overflow: hidden; + position: fixed; + right: 0; + top: 80px; + z-index: 1; +} +#timeline > img { + height: 32px; + position: absolute; + user-select: none; + -webkit-user-select: none; +} + +#menu { + background: rgb(255, 255, 255); + border-bottom: 1px dotted rgb(255, 128, 0); + color: rgb(192, 192, 192); + font-family: Source Serif Semibold; + font-size: 18px; + height: 24px; + left: 0; + padding: 8px 64px; + position: fixed; + right: 0; + top: 112px; + z-index: 1; +} +#menu > a { + color: rgb(128, 128, 128); + text-decoration: none; +} +#menu > a:hover { + color: rgb(192, 128, 64); +} +#menu > a.selected { + color: rgb(255, 128, 0); +} +#menu > a.selected { + cursor: default; +} + +.section { + font-family: Source Serif; + font-size: 16px; + line-height: 24px; + left: 64px; + padding-bottom: 32px; + position: absolute; + text-align: justify; + top: 160px; + width: 800px; +} +.section:not(.selected) { + display: none; +} \ No newline at end of file diff --git a/icf.icon.png b/icf.icon.png new file mode 100644 index 0000000..fb852aa Binary files /dev/null and b/icf.icon.png differ diff --git a/icf.js b/icf.js new file mode 100644 index 0000000..05a910c --- /dev/null +++ b/icf.js @@ -0,0 +1,128 @@ +let hashes = slice(document.querySelectorAll('#menu > a')).map(function(element) { + return element.getAttribute('href').substr(1) +}) + +let movies = [ + {id: 'GJT', frames: 241117}, + {id: 'IKP', frames: 250936} +] +let movie = movies[Math.floor(new Date() / 86400000) % 2] + +let timelineElement = document.getElementById('timeline') +let timelineElements = [] +let timelineWidth = 1500 +let timelineTiles = Math.ceil(movie.frames / timelineWidth) +let timelinesLeft + +let paused = true +let speed = 0 +let acceleration = 0 +let maxSpeed = 2 +let maxAcceleration = maxSpeed / 100 + +function getTimelineElement(index, left) { + let element = document.createElement('img') + element.data = {index: index} + element.src = 'https://media.indiancine.ma/' + movie.id + + '/timelinekeyframes64p' + (index + 1) + '.jpg' + element.style.left = left + 'px' + element.style.width = timelineWidth / 2 + 'px' + timelineElement.appendChild(element) + return element +} + +function hashchange() { + let hash = document.location.hash.substr(1) + if (!hashes.includes(hash)) { + document.location.hash = hashes[0] + return + } + slice(document.querySelectorAll('#menu > a')).forEach(function(element) { + element.classList[ + element.getAttribute('href') == '#' + hash ? 'add' : 'remove' + ]('selected') + }) + slice(document.querySelectorAll('.section')).forEach(function(element) { + element.classList[ + element.getAttribute('id') == hash ? 'add' : 'remove' + ]('selected') + }) + console.log(hash) +} + +function init() { + let frame = Math.floor(Math.random() * movie.frames) + let timelines = [{ + index: Math.floor(frame / timelineWidth), + left: -(frame / timelineWidth) / 2 + }] + let windowWidth = window.innerWidth + while (last(timelines).left < windowWidth + timelineWidth / 2) { + timelines.push({ + index: (last(timelines).index + 1) % timelineTiles, + left: last(timelines).left + timelineWidth / 2 + }) + } + timelineElements = timelines.map(function(timeline, i) { + element = getTimelineElement(timeline.index, timeline.left) + return element + }) +} + +function last(array) { + return array[array.length - 1] +} + +function play() { + if (speed <= 0 && acceleration < 0) { + paused = true + return + } + //console.log('play', speed, acceleration) + images = slice(document.querySelectorAll('#timeline > img')) + timelineElements.forEach(function(element) { + element.style.left = (parseFloat(element.style.left) - speed) + 'px' + }) + if (parseFloat(timelineElements[0].style.left) <= -timelineWidth / 2) { + timelineElement.removeChild(timelineElements.shift()) + let lastElement = last(timelineElements) + timelineElements.push(getTimelineElement( + (lastElement.data.index + 1) % timelineTiles, + parseFloat(lastElement.style.left) + timelineWidth / 2 + )) + timelineElement.appendChild(last(timelineElements)) + } + if (speed < maxSpeed || acceleration <= 0) { + speed += acceleration + } + setTimeout(play, 25) +} + +function resize() { + timelinesLeft = (window.innerWidth - 4096) / 2 +} + +function slice(nodelist) { + return Array.prototype.slice.call(nodelist) +} + +function start() { + acceleration = maxAcceleration + if (paused) { + paused = false + play() + } +} + +function stop() { + acceleration = -maxAcceleration +} + +hashchange() +resize() +init() +window.addEventListener('hashchange', hashchange) +window.addEventListener('resize', resize) +timeline.addEventListener('mouseenter', start) +timeline.addEventListener('mouseleave', stop) + diff --git a/icf.logo.png b/icf.logo.png new file mode 100644 index 0000000..226aaf0 Binary files /dev/null and b/icf.logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..cdbd1f9 --- /dev/null +++ b/index.html @@ -0,0 +1,108 @@ + + + + The Indian Cinema Foundation + + + + + + + +
+ +
+

The Indian Cinema Foundation has been created by filmmakers, film historians and artists, to forge new means for re-presenting the Indian cinema in all its glorious complexity in the 21st century.

+

The Foundation recognises that cinema in India has historically existed in unique environments where it has been made, shown, discussed and debated. Such environments need, along with the cinema itself, to transit into the digital era if the cinema that has been made for a century is to continue to meaningfully exist.

+

Since 1931 to date, India has made around 50,000 sound films. Official figures suggest that around 4.4% of all films made exist in archival conditions. On the other hand, it is likely that low-end sector, including 16 mm, VHS, VCD and DVD, might have 15,000 sound films, i.e. 30%, across the Indian cinema’s history, and across regions.

+

In order to archive what exists, the Foundation will open its doors to amateur archivists, film lovers and enthusiasts, together with academics, filmmakers, artists and all those who take Indian cinema seriously, to achieve the following:

+

+

The Foundation will achieve its goals by working with the film industry, collaborating with University departments and institutions of research worldwide to make this material available.

+

The Indian Cinema Foundation is a registered non-profit trust. Donations are tax exempt under 80G.

+
+
+

Indiancine.ma is a non-commercial annotated online archive of Indian film.

+

The project was initiated by Pad.ma (Public Access Digital Media Archive), an online archive of densely text-annotated video material, primarily footage and not finished films, that was set up by members of CAMP, Alternative Law Forum and 0x2620 in 2007.

+

Indiancine.ma was originally set up using Ashish Rajadhyaksha's and Paul Willemen's Encyclopedia of Indian Cinema (published in 1999 by the British Film Institute).

+

At present, Indiancine.ma has created unique links for 36,406 films.

+

In addition to the general public, Indiancine.ma is being used by several film and cultural studies institutions nationally and globally. Indiancine.ma archives all films, but only films that are out of copyright are available for pubic viewing. Films that are more recent are not available to the public, but can be seen by bona fide research institutions and researchers.

+

We hope to upload as many as 15,000 titles, with a primary focus on early (i.e. pre-1957) cinema. Even this astonishing target will still be only 30% of all feature films made.

+
+
+

+
+
+

Charter of the Indian Cinema Foundation

+

Acknowledging that cinema forms an integral part of India’s cultural heritage and provides a unique expression of our political, cultural, creative and historic identity,

+

Acknowledging further that Cinema constitutes one of the most important means of promoting an understanding of India amongst the global community thereby forming a part of the heritage of mankind as a whole,

+

Recognising that the preservation, restoration, archiving, annotation, dissemination and study of Indian cinema is crucial to the continued relevance of cinema as a living heritage,

+

Considering that as a result of their material form and fixation, films remain one of the most fragile cultural artifacts and extremely vulnerable to destruction, deterioration, decay, damage, and loss,

+

Considering further that cinema has remained a neglected aspect of state and industry policy and whose systematic neglect has already resulted in the loss of a majority of films causing an irreversible impoverishment to our cinematic heritage,

+

Appreciating the important role played by specialised institutions like the National Film Archive of India and other regional film archives and societies in preserving and promoting Indian cinema,

+

Bearing in mind that the archiving of cinema needs to have many more institutional and individual stake holders who collectively develop a creative and future oriented vision of film archives and databases if we are to effectively safeguard and promote Indian cinema as a cultural resource for present and future generations,

+

Noting that developments in technology afford us an opportunity to harness the power of the digital medium, the internet, and collaborative communities of knowledge producers to reshape the future of archiving and to create non-commercial open access archives informed by principles of a digital cultural commons,

+

Desiring to create a foundation that will create public infrastructure and resources, and develop best practices to enhance the ways in which the Indian cinema can be safeguarded, archived, accessed, viewed, analysed, discussed, researched, annotated and written about,

+

Desiring further to create a productive collaboration between the film industry, the state, universities, film historians and scholars, artists, journalists, critics, and all cinephiles and enthusiasts in general,

+

Affirming the importance of inculcating a sense of corporate social responsibility within the film industry towards the urgent tasks mentioned above,

+

We the undersigned

+

Pledge our support to the Indian Cinema Foundation and commit to ensuring its financial, intellectual and creative sustainability by supporting it monetarily and by providing access to our films and their material heritage and culture.

+
+
+

Team

+

Ashish Rajadhyaksha is a film historian and cultural theorist. He co-authored the Encyclopaedia of Indian Cinema (2009), and has written several books and curated film and moving image events in India and elsewhere. Ashish was co-founder of the Centre for the Study of Culture & Society (1998). He is a founding Trustee of the Indian Cinema Foundation.

+

Ashok Sukumaran is an artist, co-initiator of the collaborative studio CAMP and Pad.ma and Indiancine.ma.

+

Jan Gerber is an artist and programmer from Berlin. He develops internet platforms for the production and distribution of video material. Jan has has been with Pad.ma and Indiancine.ma from its inception and is one of the initiators of 0x2620 - Collaborative Archiving and Networked Distribution.

+

Lawrence Liang is a lawyer, writer and film scholar. A founder of Alternative Law forum, he is currently at Ambedkar University Delhi. Involved with various copyleft initiatives, Lawrence has been with Pad.ma and Indiancine.ma from its inception and is a founding trustee of The Indian Cinema Foundation.

+

Sebastian Lütgert is an artist, programmer, writer, based in Berlin and sometimes Bombay, co-founder of 0x2620 (since 2007) and 0xDB (since 2007).

+

Shaina Anand is an artist and filmmaker, co-initiator of the collaborative studio CAMP. Her films and projects over the past decade have shown how deep technical experimentation and artistic form can meet while extracting new qualities and experiences from contemporary life and materials. Shaina is part of the core group that runs Pad.ma and Indiancine.ma and is a founding trustee of The Indian Cinema Foundation.

+

Zinnia Ambapardiwala joined the collaborative studio CAMP in 2008. She oversees media encoding, archiving and backend operations for Pad.ma and Indiancine.ma.

+

Advisors

+

Kiran Raois a screenwriter and director of Dhobhi Ghaat (2011), and a film producer deeply committed to promoting independent cinema and living screen cultures. She is also chairperson of MAMI (Mumbai Academy of Moving Images), and producer at Aamir Khan Productions.

+

Vishesh Bhatt is a filmmaker and producer. He currently heads strategy, content development, creatives, marketing, and is responsible for all digital initiatives at Vishesh Films.

+

Vikramaditya Motwane is an award winning filmmaker, producer and screenwriter. He co-founded Phantom Films.

+

Sidharth Roy Kapur is a film producer, founder of Roy Kapur Films and the President of Film and Television Producers Guild of India. He was formerly Managing Director Disney, India.

+

Saeed Akthar Mirza is an award winning writer, filmmaker and producer. He began his career as a member of YUKT (Union of Kinematographers and Technicians) and went on to make several films during the parallel cinema movement in India. He was chairperson of his alma matter FTII.

+

Ranjani Majumdar teaches Cinema Studies at the School of Arts and Aesthetics, Jawaharlal Nehru University. She was part of India's first and all-women documentary collective Mediastorm. She is the author of Bombay Cinema: An Archive of the City (2007). Her areas of research include, the cinematic city, media theory, and the intersection of travel, design and colour in 1960s Bombay cinema.

+

Moinak Biswas (Jadavpur University, Kolkata) teaches film studies at Jadavpur University and has been widely published in both English and Bengali on contemporary Indian cinema. He started the medialab at Jadavpur University, and has collaborated with Pad.ma and Indiancine.ma.

+
+
+

In March 2013, in commemoration of India's cinema centenary Indiancine.ma was born.

+

Indiancine.ma has been hosted and developed by the team that runs Pad.ma, that has had continuous support Foundation for Arts Initiatives. In 2016-17, we received seed grants from key film studios in Mumbai who share are vision and remain committed to supporting the activities of the Indian Cinema Foundation.

+

+
+
+
+ + + diff --git a/ttf/SourceSerifPro-Bold.ttf b/ttf/SourceSerifPro-Bold.ttf new file mode 100755 index 0000000..ac7837f Binary files /dev/null and b/ttf/SourceSerifPro-Bold.ttf differ diff --git a/ttf/SourceSerifPro-Regular.ttf b/ttf/SourceSerifPro-Regular.ttf new file mode 100755 index 0000000..7201a88 Binary files /dev/null and b/ttf/SourceSerifPro-Regular.ttf differ diff --git a/ttf/SourceSerifPro-Semibold.ttf b/ttf/SourceSerifPro-Semibold.ttf new file mode 100755 index 0000000..db2fc80 Binary files /dev/null and b/ttf/SourceSerifPro-Semibold.ttf differ