Beginning Futurism and Ballet Mechanique Linkage
This commit is contained in:
Arona Jones
109
art/davinci.html
Normal file
109
art/davinci.html
Normal file
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="shortcut icon" href="">
|
||||
<title>Arona Jones</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="/css/art.css" rel="stylesheet">
|
||||
<link href="/css/custom.css" rel="stylesheet">
|
||||
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>
|
||||
body {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.starter-template {
|
||||
padding: 40px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="develop.html">Develop A01</a>
|
||||
</li>
|
||||
<li><a href="refine.html">Refine A02</a>
|
||||
</li>
|
||||
<li><a href="record.html">Record A03</a>
|
||||
</li>
|
||||
<li><a href="present.html">Present A04</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid" id="background">
|
||||
<div class="starter-template">
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h1>Artist Link: Leonardo Da Vinci</h1>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<img src="/images/art/vinci-portrait.png" align="left" title="Portrait of Da Vinci" class="img-circle" style="margin: 20px 10px 0px 20px;">
|
||||
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">Leonardo Da Vinci, full name: Leonardo di ser Piero da Vinci, was born on 15th April 1452, and died 2nd May 1519. He was born the out-of-wedlock son of the wealthy lawyer Messer Piero Fruosino di Antonio da Vinci and a peasant woman by the name of Caterina. We know very little about his early life, except that he lived the first five years of his life with his mother, then later went to live with his father. His father married four times during his lifetime. He was informally educated in Latin, geometry and mathematics.
|
||||
<br>
|
||||
<br>He was a Italian polymath, an individual with an expertise in a range of skills. His skills spanned from painter, musician and sculptor to inventor, mathmatician, architecht and engineer to botanist, anatomist, cartographer, and geologist. He is widely regarded as the archetypal Renaissance man, and perhaps the person to be skilled in the most diverse range of applications, possibly due to his unceasing experimentations with frequently cutting-edge and beyond techniques, which often had disastrous results. His primary skill, as recognised by many people, is painting. His relatively few (approximately 15) surviving works include the almost universally famous Mona Lisa, believed to be the most famous portrait; The Last Supper, the most reproduced religious painting of all time and the iconic anatomical drawing of the 'Vitruvian Man'. Da Vinci is also well known for his ingenuity as an inventor, producing designs for a tank-like armoured vehicle, flying machines (less functional than many of his other designs, although he did design a helicopter style machine), mirror-focused solar power, an adding machine and the double hull design of ship building. Few of these designs were feasible with the technology available to him. He also made important discoveries in other fields, such as creating a rudimentary theory regarding geological plate tectonics and other important discoveries in the fields of optics, hydrodynamics and anatomy, among others. However, he did not publish these findings, so these discoveries had no great effect on later scientific developments. If they had, techological advancement may have been siginificantly accelerated to, or above, modern levels.
|
||||
<br>
|
||||
<br>Personally, I have always been greatly inspired by Da Vinci's prowess in both technical drawing and inventing, not to mention his constant experimentation, and feel he should be revered for his technological ingenuity hence my images in his style, and choice of subject for my project.</p>
|
||||
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h3>One of his mechanical drawings: </h3>
|
||||
<br>
|
||||
</div>
|
||||
<p>
|
||||
<img src="http://www.relativelyinteresting.com/wp-content/uploads/2013/10/da-vinci-invention.jpg" width="50%" class="img-rounded bordered">
|
||||
</p>
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h3>And my images in his style:</h3>
|
||||
<br>
|
||||
</div>
|
||||
<img src="/images/art/ai/clock2vinci.jpg" width="50%" class="img-rounded bordered">
|
||||
<br>
|
||||
<br>
|
||||
<img src="/images/art/ai/clock4vinci.jpg" width="50%" class="img-rounded bordered">
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h1>Artwork Link: Ballet Mechanique</h1>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||
<!-- compiled and minified Bootstrap JavaScript -->
|
||||
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -61,39 +61,36 @@
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid" id="background">
|
||||
<div class="container-fluid">
|
||||
<div class="starter-template">
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h1>Artist Link: Leonardo Da Vinci</h1>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="davinci.html">
|
||||
<img src="/images/art/vinci-portrait.png" align="center" title="Portal" class="img-circle" style="width:230px; height:350px">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<a href="mechnaique.html">
|
||||
<img src="http://upload.wikimedia.org/wikipedia/en/thumb/9/96/Ballet_M%C3%A9canique%2C_1923%E2%80%9324.jpg/220px-Ballet_M%C3%A9canique%2C_1923%E2%80%9324.jpg" align="center" title="Portal" class="img-circle" style="width:230px; height:350px">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<a href="futurism.html">
|
||||
<img src="http://upload.wikimedia.org/wikipedia/commons/8/86/The_Knifegrinder_Kazimir_Malevich.jpeg" align="center" title="Portal" class="img-circle" style="width:230px; height:350px">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="/images/art/vinci-portrait.png" align="left" title="Portrait of Da Vinci" class="img-circle" style="margin: 20px 10px 0px 20px;">
|
||||
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">Leonardo Da Vinci, full name: Leonardo di ser Piero da Vinci, was born on 15th April 1452, and died 2nd May 1519. He was born the out-of-wedlock son of the wealthy lawyer Messer Piero Fruosino di Antonio da Vinci and a peasant woman by the name of Caterina. We know very little about his early life, except that he lived the first five years of his life with his mother, then later went to live with his father. His father married four times during his lifetime. He was informally educated in Latin, geometry and mathematics.
|
||||
<br>
|
||||
<br>He was a Italian polymath, an individual with an expertise in a range of skills. His skills spanned from painter, musician and sculptor to inventor, mathmatician, architecht and engineer to botanist, anatomist, cartographer, and geologist. He is widely regarded as the archetypal Renaissance man, and perhaps the person to be skilled in the most diverse range of applications, possibly due to his unceasing experimentations with frequently cutting-edge and beyond techniques, which often had disastrous results. His primary skill, as recognised by many people, is painting. His relatively few (approximately 15) surviving works include the almost universally famous Mona Lisa, believed to be the most famous portrait; The Last Supper, the most reproduced religious painting of all time and the iconic anatomical drawing of the 'Vitruvian Man'. Da Vinci is also well known for his ingenuity as an inventor, producing designs for a tank-like armoured vehicle, flying machines (less functional than many of his other designs, although he did design a helicopter style machine), mirror-focused solar power, an adding machine and the double hull design of ship building. Few of these designs were feasible with the technology available to him. He also made important discoveries in other fields, such as creating a rudimentary theory regarding geological plate tectonics and other important discoveries in the fields of optics, hydrodynamics and anatomy, among others. However, he did not publish these findings, so these discoveries had no great effect on later scientific developments. If they had, techological advancement may have been siginificantly accelerated to, or above, modern levels.
|
||||
<br>
|
||||
<br>Personally, I have always been greatly inspired by Da Vinci's prowess in both technical drawing and inventing, not to mention his constant experimentation, and feel he should be revered for his technological ingenuity hence my images in his style, and choice of subject for my project.</p>
|
||||
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h3>One of his mechanical drawings: </h3>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="davinci.html"><h3>Artist Link: Da Vinci</h3></a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<a href="mechnaique.html"><h3>Artwork Link: Ballet Mechanique</h3></a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<a href="futurism.html"><h3>Art Movement Link: Futurism</h3></a>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<img src="http://www.relativelyinteresting.com/wp-content/uploads/2013/10/da-vinci-invention.jpg" width="50%" class="img-rounded bordered">
|
||||
</p>
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h3>And my images in his style:</h3>
|
||||
<br>
|
||||
</div>
|
||||
<img src="/images/art/ai/clock2vinci.jpg" width="50%" class="img-rounded bordered">
|
||||
<br>
|
||||
<br>
|
||||
<img src="/images/art/ai/clock4vinci.jpg" width="50%" class="img-rounded bordered">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||
|
||||
91
art/futurism.html
Normal file
91
art/futurism.html
Normal file
@@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="shortcut icon" href="">
|
||||
<title>Arona Jones</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="/css/art.css" rel="stylesheet">
|
||||
<link href="/css/custom.css" rel="stylesheet">
|
||||
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>
|
||||
body {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.starter-template {
|
||||
padding: 40px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="develop.html">Develop A01</a>
|
||||
</li>
|
||||
<li><a href="refine.html">Refine A02</a>
|
||||
</li>
|
||||
<li><a href="record.html">Record A03</a>
|
||||
</li>
|
||||
<li><a href="present.html">Present A04</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid">
|
||||
<div class="starter-template">
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<br>
|
||||
<h1>Futurism</h1>
|
||||
<br>
|
||||
</div>
|
||||
<img src="http://exhibitions.guggenheim.org/futurism/content/images/futurism_landing_depero.jpg" align="left" title="Portrait of Da Vinci" class="img-rounded" style="margin: 20px 10px 0px 20px; width:400px">
|
||||
<p spellcheck="true" align="justify" style="background-color: #F8ECC2;" class="shadow rounded padded">
|
||||
Futurism was an early 20th century Italian social and artistic movement. It was largely confined to Italy, although parallel movements did appear in England, Russia and elsewhere. Those of the Futurist movement experimented in every medium of art, from the traditional painting, sculpture and ceramics to literature, architecture and theater, even extending to gastronomy. In practice, much of their work was influenced by Cubism, and has been described as being of "plastic dynamism".
|
||||
<br>
|
||||
<br>Futurism was founded by Italian writer Filippo Tommaso Marinetti. It was launched in his <em>Futurist Manifesto</em>, which he published orginally on 5 February 1909. Additonally, it was reprinted by French Newspaper <em>Le Figaro</em> on 20th February. Marinetti was soon joined by the painters Umberto Boccioni, Carlo Carrà, Giacomo Balla, Gino Severini and the composer Luigi Russolo. As suggested by the name of the movement, Marinetti expressed a passitionate distaste for everything old, particularly artistic (and political) tradition. Those of the movement admired anything that represented the technological advancement of humanity, and its triumph over nature, such as the automobile, aeroplane and industrial urban city. They were also passionate nationalists. Publishing manifestos such as the one orginally published by Marinetti became a feature of the movement, and under his guidance they wrote on varied subjects, from cooking to religion.
|
||||
<br>
|
||||
<br>Many Italian Futurists supported Fascism in an attempt to support the modernisation of Italy, which was divided into the industrial North and rural South. After Fascism's triumph in Italy in 1922, the Futurists gained official acceptance in Italy, and the opportunity to carry out important works, especially in architecture.
|
||||
</p>
|
||||
<div class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<h3>The Edit that inspired this direction of research</h3>
|
||||
</div>
|
||||
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
|
||||
</div>
|
||||
</div>
|
||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||
<!-- compiled and minified Bootstrap JavaScript -->
|
||||
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
89
art/mechnaique.html
Normal file
89
art/mechnaique.html
Normal file
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="shortcut icon" href="">
|
||||
<title>Arona Jones</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="/css/art.css" rel="stylesheet">
|
||||
<link href="/css/custom.css" rel="stylesheet">
|
||||
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">-->
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>
|
||||
body {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.starter-template {
|
||||
padding: 40px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">Arona Jones GCSE Art</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="develop.html">Develop A01</a>
|
||||
</li>
|
||||
<li><a href="refine.html">Refine A02</a>
|
||||
</li>
|
||||
<li><a href="record.html">Record A03</a>
|
||||
</li>
|
||||
<li><a href="present.html">Present A04</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container-fluid">
|
||||
<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>
|
||||
<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 class="page-header shadow rounded" style="background-color: #F8ECC2;">
|
||||
<h3>The Edit that inspired this direction of research</h3>
|
||||
</div>
|
||||
<img src="/images/art/filters/8.JPG" width="60%" class="img-rounded bordered">
|
||||
</div>
|
||||
</div>
|
||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||
<!-- compiled and minified Bootstrap JavaScript -->
|
||||
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user