arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Futurism/Mechanique Page Backgrounds

Browse Source
This commit is contained in:
Arona Jones
2015-01-15 12:43:19 +00:00
parent 3caccc7dcd
commit 349e20aa30
4 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
art/futurism.html
View File

@@ -61,7 +61,7 @@
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="container-fluid" id="backgroundthree">
<div class="starter-template">
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<br>

23
art/mechnaique.html
View File

@@ -61,23 +61,32 @@
<!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="container-fluid" id="backgroundtwo">
<div class="starter-template">
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<br>
<h1>Artwork Link: Ballet Mechanique</h1>
<br>
</div>
<img src="http://cdn8.openculture.com/wp-content/uploads/2012/09/ballet-mecanique.jpeg" align="left" title="Portrait of Da Vinci" class="img-rounded" style="margin: 20px 10px 0px 20px;">
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">
Ballet Mécanique (1923–24) is a short art film created by French artist Fernand Léger working with Dudley Murphy, an American film director. The American Composer George Antheil also wrote a score for the film, but it was orginally released seperate from the film, and a version of the film with the addition of the soundtrack was not released until 2000. Many consider it to be a masterpiece of experimental filmmaking. The film is in a post-Cubist style, and is part of the Dadist avant-garde art movement. The film was created during what has been dubbed Léger's 'mechanical period', where he combined abstract Constructivism with the surreal qualities of Dadism.
<br>&nbsp;
<br>The film was summarised by a viewer as "a world in motion, dominated by mechanical and repetitive images, with a few moments of solitude in a garden.", which matches the heavy, and seeminly chaotic sounds of the musical accompaniment. It alternates between images of humans, and images of machines and mechanisms. In some scenes, such as a scene where a woman repeatedly climbs stairs, humans appear to move much more mechanically, which makes it seem as if they are becoming machines. In contrast, in other sequences machines appear much more fluid than humans, humanising the machines. This alternation between human and machine, and the film showing each taking on characteristics of the other, allows the film to suggest the mechanisation of humanity, and the humanisation of machines.
</p>
<div style="background-color: #F8ECC2;" class="shadow rounded padded">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="520" height="415" src="http://www.criticalcommons.org/Members/kfortmueller/clips/ballet-mechanique-1924/embed_view" frameborder="0" allowfullscreen="1" align="right" style="padding-left:20px;">
</iframe>
</div>
<p align="justify">Ballet Mécanique (1923–24) is a short art film created by French artist Fernand Léger working with Dudley Murphy, an American film director. Many consider it to be a masterpiece of experimental filmmaking. The film is in a post-Cubist style, and is part of the Dadist avant-garde art movement. The film was created during what has been dubbed Léger's 'mechanical period', where he combined abstract Constructivism with the surreal qualities of Dadism.</p>
<p align="justify">The film was summarised by a viewer as "a world in motion, dominated by mechanical and repetitive images, with a few moments of solitude in a garden.". It alternates between images of humans, and images of machines and mechanisms. In some scenes, such as a scene where a woman repeatedly climbs stairs, humans appear to move much more mechanically, which makes it seem as if they are becoming machines. In contrast, in other sequences machines appear much more fluid than humans, humanising the machines. This alternation between human and machine, and the film showing each taking on characteristics of the other, allows the film to suggest the mechanisation of humanity, and the humanisation of machines.
</p>
<img src="http://cdn8.openculture.com/wp-content/uploads/2012/09/ballet-mecanique.jpeg" class="img-rounded" align="left" style="padding:10px">
<p align="justify">
The American Composer George Antheil also wrote a score for the film, but it was orginally released seperate from the film, due to the piece being almost twice as long as the film, and at the time film soundtracks were played back from a roll of tape, in a 'player piano', and there was no way to synchronise the soundtrack and film. A version of the film with the addition of the soundtrack was not released until 2000. The soundtrack fits perfectly with the scenes in the film, heavy, mechanical and seemingly chaotic sounds perfectly accentuating the robotics and mechanisms shown to the viewer. The piece uses very unusal instruments to create some of the sounds, such as seven or so electric bells, a siren and even three airplane propellors, into the blades of which sticks were inserted.
</p>
</div>
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
<h3>The piece that inspired this direction of research:</h3>
</div>
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
<br>&nbsp;
<br>
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">This link to Ballet Mechanique was additionally inspired by the direct link between the representation of mechanisms in the film, and the mechanical basis of my project.</p>
</div>
</div>

10
css/custom.css
View File

@@ -25,7 +25,15 @@
}
#background {
background-image: url("/images/art/back.jpeg");
background-attachment: fixed
background-attachment: fixed;
}
#backgroundtwo {
background-image: url("/images/art/back2.jpg");
background-attachment: fixed;
background-repeat: repeat;
}
#backgroundthree {
background-image: radial-gradient(circle, #E6E1C7, #D64B12);
}
.shadow {
box-shadow: 10px 10px 10px #1C1C1C;

BIN
images/art/back2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB