264 lines
No EOL
11 KiB
HTML
264 lines
No EOL
11 KiB
HTML
<!DOCTYPE HTML>
|
||
|
||
<html>
|
||
|
||
<head>
|
||
<meta name="generator" content="Hugo 0.145.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||
<title>Cute Little Monsters</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<meta name="msapplication-TileColor" content="#da532c">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
|
||
<link rel="manifest" href="./site.webmanifest">
|
||
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="./css/main.css">
|
||
|
||
|
||
|
||
<noscript><link rel="stylesheet" href="./css/noscript.css" /></noscript>
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="//localhost:1313/css/fontawesome-all.min.css">
|
||
|
||
</head>
|
||
|
||
|
||
<body class="is-preload">
|
||
|
||
|
||
<div id="wrapper" class="divided">
|
||
|
||
|
||
<section class="banner style2 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right color3">
|
||
<div class="content">
|
||
<h1>Cute Little Monsters</h1>
|
||
<p class="major">Société de production de jeux vidéo mémorables pour jouer différemment
|
||
</p>
|
||
<p>Es-tu un.e joueur.euse ou un.e créateur.euse ?
|
||
</p>
|
||
<div style="display: flex; justify-content: space-between;">
|
||
<ul class="actions stacked">
|
||
<li><a href="#create" class="button primary large wide smooth-scroll-middle">Créer</a></li>
|
||
</ul>
|
||
<ul class="actions stacked">
|
||
<li><a href="#play" class="button primary large wide smooth-scroll-middle">Jouer</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="image">
|
||
<img src="images/banner_placeholder.jpg" alt="Hugo Story" />
|
||
</div>
|
||
</section>
|
||
|
||
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
|
||
<div class="content">
|
||
<h2>C'est quoi ?</h2>
|
||
<p>Cute Little Monsters a pour vocation de rassembler des indés du JV pour produire en trois mois puis vendre un jeu mémorable pour jouer différemment.
|
||
</p>
|
||
<ul class="actions stacked">
|
||
<li><a href="#" class="button">Learn More</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="image">
|
||
<img src="images/spotlight_what_placeholder.jpg" alt="" />
|
||
</div>
|
||
</section>
|
||
|
||
<section class="wrapper style1 color3 align-center" id="create">
|
||
<div class="inner">
|
||
<div class="index align-left" >
|
||
|
||
<section>
|
||
<header>
|
||
<h2>Antre</h2>
|
||
</header>
|
||
<div class="content">
|
||
<h3>C'est quoi ?</h3>
|
||
<p>Un lieu où l’on s’isole pour créer en sérénité</p>
|
||
<h3>Pour qui ?</h3>
|
||
<h4>Porteur ou porteuse de projet</h4>
|
||
<p>N’importe qui avec une idée stimulant l’imaginaire des artistes.</p>
|
||
<h4>Artistes</h4>
|
||
<p>Une main d’œuvre pluridisciplinaire et indépendante, dédié uniquement à la création.</p>
|
||
<h3>Comment ?</h3>
|
||
<ul>
|
||
<li>Nous incubons des porteurs et porteuses de projet jusqu'à maturation de l'idée</li>
|
||
<li>Nous recrutons une équipe temporaire pour infuser le monstre de nos compétences et énergies créative </li>
|
||
<li>Nous éditons le jeu et prenons en charges les frais de commercialisation, juridique et comptabilité</li>
|
||
</ul>
|
||
<h3>Nos promesses</h3>
|
||
<ul>
|
||
<li>Sortir un jeu de qualité commerciale</li>
|
||
<li>Toucher une part des droits commerciaux</li>
|
||
<li>Travailler dans une production éthique</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="wrapper style1 align-center" id="play">
|
||
<div class="inner">
|
||
<div class="index align-left">
|
||
|
||
<section>
|
||
<header>
|
||
<h2>Monstre</h2>
|
||
</header>
|
||
<div class="content">
|
||
<h3>C'est quoi ?</h3>
|
||
<p>Un monstre pour vivre une expérience vidéoludique mémorable.</p>
|
||
<h3>Pour qui ?</h3>
|
||
<p>J'ai envie de jouer mais j'ai pas le temps</p>
|
||
<p>Pour celles et ceux qui veulent un jeu adapté aux problématiques de la vie active</p>
|
||
<h3>Comment ?</h3>
|
||
<p>La possibilité de jouer socialement un en un soir ! Des jeux sans mécanique d’addiction, avec une promesse de jeu unique garanti sans fioriture.</p>
|
||
<h3>Nos promesses</h3>
|
||
<ul>
|
||
<li>Mémorable : Mécanique phare qualitative</li>
|
||
<li>Court : Une après-midi</li>
|
||
<li>Accessible : Prise en main facile et rapide</li>
|
||
<li>Intense : Expérience émotionnelle et artistique puissante</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="wrapper style1 color3 align-center">
|
||
<div class="inner">
|
||
<h2>Nos Valeurs</h2>
|
||
|
||
<div class="items style1 medium onscroll-fade-in">
|
||
|
||
<section>
|
||
<span class="icon style2 major fa-hand-fist"></span>
|
||
<h3>Libre Arbitre</h3>
|
||
<p>Déterminer, en pleine conscience, notre futur</p>
|
||
</section>
|
||
|
||
|
||
<section>
|
||
<span class="icon solid style2 major fa-chart-bar"></span>
|
||
<h3>Sens</h3>
|
||
<p>Redéfinir perpétuellement la vie</p>
|
||
</section>
|
||
|
||
|
||
<section>
|
||
<span class="icon solid style2 major fa-gem"></span>
|
||
<h3>Authenticité</h3>
|
||
<p>Fier d'exister dans la sincérité</p>
|
||
</section>
|
||
|
||
|
||
<section>
|
||
<span class="icon solid style2 major fa-wifi"></span>
|
||
<h3>Résonance</h3>
|
||
<p>Provoquer de puissants échos émotionnels puis m'en nourrir</p>
|
||
</section>
|
||
|
||
|
||
<section>
|
||
<span class="icon solid style2 major fa-scale-balanced"></span>
|
||
<h3>Harmonie</h3>
|
||
<p>Valoriser la variété des perspectives, je suis ce que nous sommes</p>
|
||
</section>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="spotlight style1 orient-left content-align-right image-position-center onscroll-image-fade-in" id="first">
|
||
<div class="content">
|
||
<h2>James "Daydreel" Keohane</h2>
|
||
<p>Producteur de jeu vidéo, directeur de séjours de vacances (thématique sur la création jeu vidéo, jeu de société ou jeu de rôle), intervenant du module jeu vidéo à l'ENS Lyon, organisateur des Rencontres Godot Lyon et écrivain.
|
||
</p>
|
||
|
||
</div>
|
||
<div class="image">
|
||
<img src="images/james_placeholder.jpg" alt="" />
|
||
</div>
|
||
</section>
|
||
|
||
<section class="wrapper style1 color3 align-center">
|
||
<div class="inner">
|
||
<div class="index align-left">
|
||
|
||
<section>
|
||
<header>
|
||
<h3>Manifeste CLeM</h3>
|
||
</header>
|
||
<div class="content">
|
||
|
||
<div class="box">
|
||
<p><b>Un cercle vertueux qui respecte nos joueurs et joueuses, les équipes créative et les jeu.</b></p>
|
||
<ol type="I">
|
||
<li>Des jeux sains qui invitent à jouer et à profiter ensemble.</li>
|
||
<li>Un système de rémunération des artistes plus profitable.</li>
|
||
<li>Une entreprise qui emploie des concepteurs et conceptrices de jeu vidéo.</li>
|
||
<li>Une production qui protège les travailleurs et travailleuses de l'attrition morale et émotionnelle dû au projet artistique de longue haleine.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="wrapper style1 align-center">
|
||
<div class="inner">
|
||
<h2>Contacts</h2>
|
||
<p>Écrire à James Keohane sur <a href="mailto:info@cutelittlemonsters.fr">info@cutelittlemonsters.fr</a></p>
|
||
<p>Jouer sur <a href="https://cutelittlemonsters.itch.io">itch.io</a></p>
|
||
<p>Suivre sur <a href="https://mastodon.gamedev.place/@clem">mastodon</a></p>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src='./js/bundle.min.js'></script>
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|
||
<style>
|
||
.color3{
|
||
background-color: #ffae42 !important;
|
||
}
|
||
</style> |