-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (111 loc) · 9.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Mateusz Miroslaw Lis</title>
<meta name="description" content="Portfolio and CV">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anonymous+Pro">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/Video-Parallax-Background-v2.css">
</head>
<body id="page-top">
<nav class="navbar navbar-light navbar-expand-md navbar navbar-expand-lg fixed-top" id="mainNav">
<div class="container"><a class="navbar-brand js-scroll-trigger" href="#" style="font-family: 'Anonymous Pro', monospace;">supergeniodelmale</a><button data-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-target="#navbarResponsive" type="button" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item nav-link js-scroll-trigger" role="presentation"></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link active js-scroll-trigger" href="#about">CODE</a></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link js-scroll-trigger" href="#download">FILMS</a></li>
<li class="nav-item nav-link js-scroll-trigger" role="presentation"><a class="nav-link js-scroll-trigger" href="#contact">contact</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background-image:url('assets/img/intro-bg.jpg');">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<p class="intro-text" style="font-family: 'Anonymous Pro', monospace;"><strong>Engineering student, AI enthusiast and indie filmmaker.</strong><br></p><a class="btn btn-link btn-circle" role="button" href="#movie"><i class="fa fa-angle-double-down animated"></i></a></div>
</div>
</div>
</div>
</header>
<section id="movie" class="download-section content-section text-center" style="background-color: rgba(35,32,32,0.91);background-image: url("assets/img/arbrm-r84kl.jpg");background-size: cover;background-position: center;height: 100%;padding-top: 0px;padding-bottom: 0px;">
<div class="parallax" style="background-color: rgba(0,0,0,0.51);">
<div class="container d-flex justify-content-center align-items-center parallax-content" style="height:100vh;">
<div class="col-12 col-md-10 col-lg-8 text-center d-flex justify-content-center flex-column">
<h1 class="text-right" style="font-family: 'Anonymous Pro', monospace;font-size: 35px;">THE FIRST FEATURE FILM TO BE WRITTEN BY AI<br><br></h1>
<p class="text-left" style="font-family: 'Anonymous Pro', monospace;font-size: 18px;">I've just finished working on "The Diary of Sisyphus", the world's first feature-length film to be written by an Artificial Intelligence. <br><br>The film is scheduled to be released in 2023. More details about the generation
process will be shared in the next few weeks.</p>
<div class="row text-center">
<div class="col-xl-2 offset-xl-10 text-center d-flex justify-content-start">
<h1 class="text-center"><a class="btn btn-warning" role="button" href="https://youtu.be/yrAJLW8wLJg">TRAILER</a></h1>
</div>
</div>
</div>
</div>
<div class="parallax-placeholder" style="background-image:url("assets/img/placeholder.jpg");"></div>
</div>
</section>
<section id="about" class="content-section text-center" style="padding-top: 50px;padding-bottom: 50px;">
<div class="container">
<div class="row">
<div class="col-lg-8 col-xl-8 offset-xl-0 mx-auto">
<h2 class="text-right" style="font-family: 'Anonymous Pro', monospace;">CINEMETRICA</h2>
<p class="text-justify" style="font-family: 'Anonymous Pro', monospace;font-size: 19px;">Cinemetrica is a Python module for statistical analysis of movies.<br>It is built mostly with PySceneDetect, opencv and colorgram.py.</p>
<p class="text-left" style="font-family: 'Anonymous Pro', monospace;">With AI/ML entering the film industry the first computer generated feature film might not be so far away. Whilist movie script generation has already produced some comic, yet interesting, results (Have a look at <a href="https://briefcasefilms.cf/frammentidianimemeccaniche.html"
style="color: rgb(255,214,0);">Scraps of Mechanical Souls</a> and <a href="https://en.wikipedia.org/wiki/Sunspring" style="color: rgb(255,214,0);">Sunspring</a>), for computers to be able to produce a movie will require
the development not only of AI-screenwriters, but also AI directors, cinematographers, editors, sound designers and, the biggest feat of all, AI actors. Such accomplishment will be possible only by establishing first a thorough
framework of tools for the statistical analysis of film and the generation of detailed and robust datasets that go well beyond reviews and metadata. Cinemetrica is an attempt to do just that.<br><br><br><br></p>
<p class="text-left"
style="font-family: 'Anonymous Pro', monospace;">FEATURES:<br>- Detect shots;<br>- Extract frames from shots;<br>- Get shot length and other statistics(mean length, shortest, longest...);<br>- Generate a color palette from extracted frames;<br><br>In the near future you will be able
to:<br><br>- Generate fancy infographics from extracted data;<br>- Export graphs;<br>- Detect cut types;<br>- Detect movie shot types (<a href="https://github.com/rsomani95/shot-type-classifier">shot-type-classifier</a>);<br>-
Detect actors.<br><br></p>
<p class="text-right" style="font-family: 'Anonymous Pro', monospace;">You can find Cinemetrica and its documentation <a href="https://github.com/supergeniodelmale/Cinemetrica" style="color: rgb(248,208,0);">HERE</a>.</p>
</div>
</div>
</div>
</section>
<section id="download" class="download-section content-section text-center" style="background-image: url("assets/img/Ste50.png");background-size: cover;">
<div class="container">
<div class="col-lg-8 mx-auto">
<h1 style="font-family: 'Anonymous Pro', monospace;">INDIE FILMMAKING</h1>
<p style="font-family: 'Anonymous Pro', monospace;font-size: 26px;">I also work as a director/cinematographer/editor at Briefcase Films</p><a class="btn btn-primary btn-lg btn-default" role="button" href="https://briefcasefilms.it/" style="font-family: 'Anonymous Pro', monospace;">VISIT BRIEFCASE FILMS</a></div>
</div>
</section>
<section id="contact" class="content-section text-center" style="padding-top: 100px;padding-bottom: 100px;">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 style="font-family: 'Anonymous Pro', monospace;">CONTACT ME</h2>
<p style="font-family: 'Anonymous Pro', monospace;">Feel free to get in touch with me!<br></p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item"> <a class="btn btn-primary btn-lg btn-default" role="button" href="https://www.youtube.com/channel/UCVqwBteyg-8jX2G8MdVP2xw/videos"><i class="fa fa-youtube-play fa-fw"></i><span class="network-name" style="font-family: 'Anonymous Pro', monospace;font-size: 19px;"> YOUTUBE</span></a></li>
<li
class="list-inline-item"> <a class="btn btn-primary btn-lg btn-default" role="button" href="https://www.instagram.com/supergeniodelmale"><i class="fa fa-instagram fa-fw"></i><span class="network-name" style="font-size: 17px;font-family: 'Anonymous Pro', monospace;"> INSTAGRAM</span></a></li>
<li
class="list-inline-item"> <a class="btn btn-primary btn-lg btn-default" role="button" href="https://github.com/supergeniodelmale/supergeniodelmale"><i class="fa fa-github fa-fw"></i><span class="network-name" style="font-size: 17px;font-family: 'Anonymous Pro', monospace;"> github</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<div class="map-clean"></div>
<footer>
<div class="container text-center">
<p style="font-family: 'Anonymous Pro', monospace;">Copyright © supergeniodelmale 2023</p>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="assets/js/grayscale.js"></script>
<script src="assets/js/Video-Parallax-Background-v2.js"></script>
</body>
</html>