-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
168 lines (165 loc) · 9.96 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- PAGE settings -->
<link rel="icon" href="https://templates.pingendo.com/assets/Pingendo_favicon.ico">
<title>Open Source at Mikros Image</title>
<meta name="description" content="Open Source Projects at Mikros Image">
<meta name="keywords" content="VFX OpenSource OSS Mikros Meshroom AliceVision">
<!-- CSS dependencies -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="colorful.css">
<!-- Script Leaflet for OpenStreetMap -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<!-- Script: Navbar on-top -->
<script src="js/navbar-ontop.js"></script>
<!-- Favicon -->
<link rel="favicon icon" type="image/png" href="assets/logos/mikros_favicon.jpg">
</head>
<body>
<nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#contact"><img src="assets/logos/Mikros-png blanc.png" width="100" class="d-inline-block align-top" alt=""></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar3SupportedContent" aria-controls="navbar3SupportedContent" aria-expanded="false" aria-label="Toggle navigation" style=""> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse text-center justify-content-end" id="navbar3SupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item mx-2 mb-2 my-md-0">
<a class="nav-link" href="#alicevision">AliceVision</a>
</li>
<li class="nav-item"><a class="nav-link" href="#meshroom">Meshroom</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="py-5 text-center cover d-flex flex-column bg-dark" id="home">
<div class="container my-auto">
<div class="row">
<div class="mx-auto col-lg-6 col-md-8">
<h3 class="display-3"><b>Open source</b></h3>
<h3 class="display-3" style=""><b>at Mikros</b></h3>
<p class="text-justify">The creative industry moves rapidly and the services our customers need are evolving. At Mikros, we believe that the combination of creative and technical experiences and scientific expertise through open collaboration can help our industry to solve these fundamental problems and face the future in a more sustainable way. This site presents most recent open source projects to which Mikros contributes with academic and industrial partners. </p>
</div>
</div>
</div>
<div class="container mt-auto">
<div class="row">
<div class="mx-auto col-lg-6 col-md-8 col-10">
<a href="#mission"><i class="d-block fa fa-angle-down fa-2x"></i></a>
</div>
</div>
</div>
</div>
<div class="py-5 filter-dark cover bg-fixed" style=" background-image: url(assets/backgrounds/choco_paris_view.png); background-position: center bottom; background-size: cover; background-repeat: repeat;" id="mission">
<div class="container my-auto">
<div class="row">
<div class="col-md-8 p-3 text-white">
<h2 class="mb-4">Why Open Source</h2>
<p class="lead text-justify" style="">Links between academia and industry is a requirement to provide cutting-edge algorithms with the robustness and the quality required all along the visual effects process. <br>We aim to provide a strong software basis with state-of-the-art algorithms that can be tested, analyzed and reused.<br>This open approach enables both us and other users to achieve a high degree of integration and easy customisation for any studio pipeline. Beyond our project objectives, open source is a way of life. <br>We love to exchange ideas, improve ourselves while making improvements for other people and discover new collaboration opportunities to expand everybody’s horizon.</p>
</div>
</div>
</div>
</div>
<div class="py-5 text-center" id="alicevision">
<div class="container">
<div class="row text-center">
<div class="px-4 mb-4 px-lg-5 col-md-5 col-sm-3">
<div class="card project">
<img class="card-img pt-4" src="assets/logos/logo_AliceVision_with_Name.png" alt="Card image">
</div>
</div>
<div class="mb-4 px-lg-5 px-4 col-md-6 col-sm-3">
<div class="card text-center">
<div class="card-body">
<h5 class="display-6 text-left">Photogrammetric Computer Vision Framework</h5>
<p class="card-text text-justify">AliceVision is a Photogrammetric Computer Vision Framework which provides 3D Reconstruction and Camera Tracking algorithms. <br>AliceVision comes up with strong software basis and state-of-the-art computer vision algorithms that can be tested, analyzed and reused. <br>The project is a result of collaboration between academia and industry to provide cutting-edge algorithms with the robustness and the quality required for production usage.</p>
<a href="https://alicevision.org/" class="btn btn-light">AliceVision website</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 text-center bg-info" id="meshroom">
<div class="container">
<div class="row text-center bg-info">
<div class="px-lg-5 col-sm-5 mb-4 col-md-5">
<div class="card project bg-info"><img class="img-fluid bg-info mx-auto" src="assets/logos/anim-meshroom_square.gif" alt="Card image">
</div>
</div>
<div class="mb-4 px-lg-5 px-4 col-md-6 col-sm-3">
<div class="card text-center">
<div class="card-body bg-info">
<h5 class="display-6 text-left">3D Reconstruction Software</h5>
<p class="card-text text-left">Meshroom is a free, open-source 3D Reconstruction Software based on the AliceVision Photogrammetric Computer Vision framework. <br></p>
<ul class="text-left">
<li>Default workflow for standard use cases </li>
<li>Augment Reconstruction</li>
<li>Nodal Editor and Caching Mechanism<br></li>
<li>Custom Pipelines</li>
<li>Render Farm submission</li>
<li>Mesh Post-Processing</li>
<li>Re-texturing after retopology</li>
</ul>
<a href="http://meshroom.alicevision.org/" class="btn btn-primary">Meshroom website</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-white bg-dark" id="contact">
<div class="container">
<div class="row">
<div class="col-md-5 text-center p-5" style="">
<img class="img-fluid w-50 mx-auto" src="assets/logos/Mikros-png blanc.png" alt="Card image">
<div class="row">
<div class="col-md-12">
<div class="card text-center">
<div class="card-body bg-dark text-left">
<p class="text-center">Mikros Image<br>8-10, rue du Renard<br>75004 Paris - France</p>
<p class="text-center"> <a href="https://www.mikrosimage.com">www.mikrosimage.com</a> <br>
<a href="mailto:[email protected]">get in touch</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 col-md-6">
<div class="row">
<div class="col-md-12">
<div id="mapid" style="height: 400px;" class=""></div>
<script style="">
var mymap = L.map('mapid').setView([48.85856, 2.35275], 15);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
maxZoom: 18,
attribution: 'Map data © <a href="https://www.openstreetmap.org/#map=18/48.85859/2.35244">OpenStreetMap</a> contributors, ' + '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
id: 'mapbox.streets'
}).addTo(mymap);
L.marker([48.8584675, 2.3521254]).addTo(mymap).bindPopup("<b>Mikros Image</b>").openPopup();
</script>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 mt-3">
<p class="text-center text-muted">© Copyright 2019 Mikros Image. </p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" style=""></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- Script: Smooth scrolling between anchors in the same page -->
<script src="js/smooth-scroll.js"></script>
<pingendo onclick="window.open('https://pingendo.com/', '_blank')" style="cursor:pointer;position: fixed;bottom: 20px;right:20px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:220px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made with Pingendo Free <img src="https://pingendo.com/site-assets/Pingendo_logo_big.png" class="d-block" alt="Pingendo logo" height="16"></pingendo>
</body>
</html>