forked from Fascode-Archive/espateos-webpage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 12.6 KB
/
index.html
1
<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@hayao0819"><meta property="og:type" content="website"><meta property="og:site_name" contet="espate.0u0.biz"><meta property="og:locale" content="ja_JP"><meta property="og:image" content="https://espate.0u0.biz/i/150.png"><link rel="apple-touch-icon-precomposed" href="https://espate.0u0.biz/i/150.png"><meta name="msapplication-TileImage" content="https://espate.0u0.biz/i/150.png"><meta name="msapplication-TileColor" content="#8bc34a"><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><link rel="icon" href="i/16.png" sizes="16x16" type="image/png"><link rel="icon" href="i/32.png" sizes="32x32" type="image/png"><link rel="icon" href="i/48.png" sizes="48x48" type="image/png"><link rel="icon" href="i/64.png" sizes="64x64" type="image/png"><title>EspateOS - Let's start with ONE.</title><meta property="og:title" content="EspateOS - Let's start with ONE."><meta name="description" content="自分だけの完璧なUbuntu。内蔵されているドキュメントで自由にカスタマイズ最小限のユーティリティのみがインストールされているEspateで自分だけの環境を構築しましょう。インストーラーを配布するとも可能です！"><meta property="og:description" content="自分だけの完璧なUbuntu。内蔵されているドキュメントで自由にカスタマイズ最小限のユーティリティのみがインストールされているEspateで自分だけの環境を構築しましょう。インストーラーを配布するとも可能です！"><meta property="og:url" content="https://espate.0u0.biz/"><link rel="canonical" href="https://espate.0u0.biz/"><link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/icon?family=Roboto&display=swap" rel="stylesheet"><style>abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}.no-display{opacity:0}img{display:block;width:100%;vertical-align:top}body{font-family:Roboto,sans-serif}#gnav-b{display:none}#head{box-sizing:border-box;display:block;height:80px;width:100%;position:fixed;z-index:5;background-color:rgba(0,0,0,0.3)}#head-title{display:inline-block;padding:15px 30px;line-height:20px;font-size:18px;font-weight:100;color:#fff}#head-title div{line-height:30px;font-size:30px;font-weight:400}#gnav{display:inline-block;right:0}#gnav-i{height:48px;width:48px;padding:16px;cursor:pointer;user-select:none;position:fixed;top:0;right:0}#gnav-i i{font-size:48px;color:#fff;position:absolute;transition:opacity .3s ease}#gnav-i i:last-child{opacity:0}#gnav-b:checked ~ #gnav-ul{transform:translateX(-100vw)}#gnav-b:checked ~ #gnav-i i:last-child{opacity:1}#gnav-b:checked ~ #gnav-i i:first-child{opacity:0}#gnav-ul{background-color:rgba(0,0,0,0.3);width:100%;font-size:0;position:absolute;top:0;right:-100vw;transition:transform .3s ease}#gnav-ul li{box-sizing:border-box;display:inline-block;width:32.5%;height:80px}#gnav-ul li a{display:block;line-height:80px;font-size:19px;text-decoration:none;text-align:center;color:#f0f0f0;transition:color .3s ease}#gnav-ul li a:hover{color:#9f9f9f}#visual{display:block;height:600px;background-image:url("../i/mv.png");background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}#visual-title{}#visual-text{box-sizing:border-box;max-width:500px;width:98%;position:absolute;left:1%;bottom:1%;color:#fff}#visual-text h2{padding:16px 16px 0;font-size:28px;font-weight:100;background-color:rgba(25, 25, 25, 0.8)}#visual-text p{padding:16px;font-size:18px;line-height:24px;background-color:rgba(25, 25, 25, 0.8)}#visual-text a{display:inline-block;box-sizing:border-box;padding-left:16px;font-size:14px;line-height:40px;text-decoration:none;color:#fff;background-color:rgba(25, 25, 25, 0.8)}#visual-text a i{vertical-align:top;width:40px;margin-left:16px;font-size:30px;line-height:40px;text-align:center;background-color:#136b56}#main{padding:1%}.main-title{max-width:320px;margin:60px auto 30px;font-size:30px;line-height:70px;font-weight:100;text-align:center}.main-title .bottom-bar{height:5px;width:10%;margin:0 auto;background-color:#136b56;position:relative}.main-title .bottom-bar::before,.main-title .bottom-bar::after{display:inline-block;content:"";height:1px;width:70px;text-align:center;background-color:#999;position:absolute;bottom:2px}.main-title .bottom-bar::before{left:100%}.main-title .bottom-bar::after{right:100%}.main-text{max-width:550px;padding:0 4%;margin:30px auto;font-size:18px;line-height:25px;text-align:center;color:#333}.main-box3 {text-align:center}.main-box3-0{vertical-align:top;width:90%;padding:0 2.5% 7%;margin:10% 2.5%;border-top:solid 5px #ccc;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center;background-color:#fcfcfc}.main-box3-0-title{max-width:320px;padding:10px 0;margin:30px auto;font-size:24px;line-height:48px;position:relative}.main-box3-0-title::before,.main-box3-0-title::after{display:inline-block;content:"";height:2px;width:40px;text-align:center;background-color:#ccc;position:absolute;bottom:1.5px}.main-box3-0-title::before{left:50%}.main-box3-0-title::after{right:50%}.main-box3-0-title i{display:block;font-size:82px;color:#136b56}.main-box3-0-text{font-size:18px;line-height:26px;color:#333}#go-top{line-height:48px;width:60px;font-size:48px;text-align:center;cursor:pointer;position:fixed;right:30px;bottom:0px;background-color:#136b56;color:#fff;transition:all .3s ease}#foot{padding:30px;border-top:3px solid #136b56;border-bottom:3px solid #136b56;background-color:#010101;color:#fff}.foot-link a{color:#136b56}@media screen and (min-width:480px) and (max-width:599px){#gnav-ul{top:80px}#visual{height:600px;background-image:url("../i/mv.png")}}@media screen and (min-width:600px) and (max-width:959px){#gnav-ul{width:100%;top:80px}#visual{height:600px;background-image:url("../i/tv.png")}}@media screen and (min-width:960px) and (max-width:1279px){#gnav-i{display:none}#gnav-b:checked ~ #gnav-ul{transform:translateX(0vw)}#gnav-ul{width:70%;right:0;background-color:rgba(0,0,0,0)}#gnav-ul li{box-sizing:border-box;display:inline-block;width:16%}#visual{height:900px;background-image:url("../i/tv.png")}#visual-text{left:14%;bottom:10%}.main-box3-0{display:inline-block;height:430px;width:30%;padding:0 0.5% 2.5%;margin:10% 0.4%}.main-box3-0-title{font-size:21px}.main-box3-0-text{font-size:17px;padding:0 2%}}@media screen and (min-width:1280px){#gnav-i{display:none}#gnav-b:checked ~ #gnav-ul{transform:translateX(0vw)}#gnav-ul{width:70%;right:0;background-color:rgba(0,0,0,0)}#gnav-ul li{box-sizing:border-box;display:inline-block;width:16%}#visual{height:900px;background-image:url("../i/pv.png")}#visual-text{left:14%;bottom:10%}.main-box3{max-width:1400px;margin:0 auto}.main-box3-0{display:inline-block;width:25%;height:350px;margin:5% 1.2%}.main-box3-0-title{font-size:21px}.main-box3-0-text{font-size:17px}}</style><!--[if lt IE 9]><link rel="stylesheet" href="/css/ie.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$.debugBGS = true;</script><script src="/js/jquery.backgroundSize.js"></script><script type="text/javascript">$(function() {$("#visual").css( "background-size", "cover" );});</script><![endif]--></head><body><header id="head"><!--[if lt IE 9]><p>警告 IEは非推奨 <a href="https://www.google.com/chrome/">GoogleChrome</a>推奨</p><![endif]--><h1 id="head-title"><div>EspateOS </div>Let's start with ONE.</h1><nav id="gnav"><input type="checkbox" id="gnav-b" name="gnav-b"><label for="gnav-b" id="gnav-i"><i class="material-icons">menu</i><i class="material-icons">close</i></label><ul id="gnav-ul"><li><a href="/">ホーム</a></li><li><a href="./download/">Download</a></li><li><a href="./old/">Old</a></li><li><a href="https://serenelinux.com">Serene</a></li><li><a href="http://serenelinux.html.xdomain.jp">解説サイト</a></li><li><a href="./about/">About</a></li></ul></nav></header><article id="visual"><section id="visual-text"><h2>自分だけの完璧なUbuntu</h2><p>内蔵されているドキュメントで自由にカスタマイズ<br>最小限のユーティリティのみがインストールされている<br>Espateで自分だけの環境を構築しましょう。<br>インストーラーを配布するとも可能です！</p><a href="/download/">Download Now<i class="material-icons">chevron_right</i></a></section></article><article id="main"><h2 class="main-title">EspateOSでできること<div class="bottom-bar"></div></h2><p class="main-text">PinguyBuilderによるブートファイルの作成 デスクトップ環境にとらわれない背景の変更 ログイン画面のカスタマイズ 誰でもカスタマイズできるように独自のドキュメント（随時更新）</p> <div class="main-box3"><section class="main-box3-1 main-box3-0"><h3 class="main-box3-0-title"><i class="material-icons">computer</i>簡単にインストール</h3><p class="main-box3-0-text">ディストリビューターもユーザーも使いやすいように 考え出された新しいOSで誰でも簡単に使用できます。 UbuntuMiniで一から構築する必要はなくなり、 UbuntuDesktopから不要なパッケージを消したりする必要もありません。</p></section><section class="main-box3-2 main-box3-0"><h3 class="main-box3-0-title"><i class="material-icons">settings</i>簡単にカスタマイズ</h3><p class="main-box3-0-text">もう設定ファイルを編集したりスクリプトを作成する 必要はありません。専用に用意されたディレクト内の ファイルを置き換えるだけで誰でも簡単にカスタマイズ可能です。</p></section><section class="main-box3-3 main-box3-0"><h3 class="main-box3-0-title"><i class="material-icons">insert_drive_file</i>簡単にインストーラーを作成</h3><p class="main-box3-0-text">有名なRemastersysから派生したPinguy OSに 搭載されているリマスタリングツール 「PinguyBuilder」を使用して簡単にリマスタリングできます。 他のディストリビューションで見られるような起動しないバグもありません。</p></section></div></article><i id="go-top" class="no-display material-icons" onclick="scrollToTop()">expand_less</i><footer id="foot"><small>© 2019 EspateOS. </small><span class="foot-link">Powered by <a href="https://twitter.com/naoko1010hh"target="_blank">Naoko</a>.</span></footer><script type="text/javascript">function scrollToTop() {const me = arguments.callee;const nowY = window.pageYOffset;window.scrollTo(0, Math.floor(nowY * 0.8));if (nowY > 0) {window.setTimeout(me, 10);}}var element = null;window.onscroll = function() {var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;if (element == null) {element = document.getElementById('go-top');}if (scrollTop / scrollHeight > 0.1) {element.classList.remove('no-display');} else {element.classList.add('no-display');}}</script></body></html>