www/index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta property="og:title" content="OpenJij">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.openjij.org">
<meta property="og:image" content="">
<meta property="og:site_name" content="OpenJij">
<meta property="og:description" content="OpenJij is a heuristic optimization library for the Ising model and QUBO. OpenJij can be easily written in Python. Let’s try to install OpenJij.">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="./icon/favicon.ico">
<title>OpenJij</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous">
</script>
</head>
<body>
<main>
<!-- header -->
<div class="header-flex">
<div class="header-flex-item header-logo-wrap">
<image src="./webp/openjij_logo.webp" class="logo-image"><p class="logo-text">OpenJij</p>
</image></div>
<div class="header-flex-item">
<ul class="header-info">
<li class="header-link"><a href="https://openjij.github.io/OpenJij/" target="_blank">Document</a></li>
<li class="header-link"><a href="https://github.com/OpenJij/OpenJij" target="_blank">GitHub</a></li>
<li class="header-link"><a href="https://join.slack.com/t/openjij/shared_invite/enQtNjQyMjIwMzMwNzA4LTQ5MWRjOWYxYmY1Nzk4YzdiYzlmZjIxYjhhMmMxZjAyMzE3MDc1ZWRkYmI1YjhkNjRlOTM1ODE0NTc5Yzk3ZDA" target="_blank">Community</a></li>
<li class="header-link"><a href="https://openjij.github.io/OpenJij/" target="_blank">Tutorials</a></li>
</ul>
</div>
</div>
<!-- TOP -->
<div class="top-section">
<image src="./webp/openjijtop-thin.webp" class="top-section-image" style="width: 100%;background-size: cover;background-position: center;object-fit: cover;">
<!-- <image src="./webp/OpenJijTopImage480.webp" class="top-section-image-sp"> -->
<p class="top-text">OpenJij is a heuristic optimization library for the Ising model and QUBO. OpenJij can be easily written in Python. Let’s try to install OpenJij.<br><br><a href="https://openjij.github.io/OpenJij/" target="_blank" class="button-gray">Try OpenJij</a></p>
</image></div>
<!-- page link section -->
<div class="section page-section-sp">
<ul class="page-link-wrap">
<li class="page-link-first">
<div>
<div class="page-image-wrap"><img src="./webp/PythonDoc.webp" alt="Python document" class="doc-image"></div>
<a class="button-red" href="https://openjij.github.io/OpenJij/" target="_blank">Python document</a>
</div>
</li>
<li class="page-link-second">
<div>
<div class="page-image-wrap"><img src="./webp/c++doc.webp" alt="C++ document" class="doc-image"></div>
<a class="button-red" href="https://openjij.github.io/OpenJij-Reference-Page/index.html" target="_blank">C++ document</a>
</div>
</li>
<li class="page-link-third">
<div>
<div class="page-image-wrap"><img src="./webp/OpenJijTutorial.webp" alt="OpenJij Tutorial" class="doc-image"></div>
<a class="button-red" href="https://openjij.github.io/OpenJij/" target="_blank">OpenJij Tutorial</a>
</div>
</li>
</ul>
</div>
<!-- Install section -->
<div class="section install-section install-area-wrap">
<div class="code-area-wrap">
<h2 class="section-title">Install</h2>
<div class="install-code">
<p>$ pip install openjij</p>
</div>
</div>
</div>
<!-- OpenJij Tutorial -->
<div class="section">
<div class="tutorial-section">
<div>
<h2 class="tutorial-section-title">OpenJij Tutorial</h2>
</div>
<div class="detail-area-wrap">
<div class="detail-image-wrap"><img src="./webp/OpenJijTutorialBig.webp" class="detail-area-image"></div>
<div class="detail-text-area">
<p class="detail-text">本チュートリアルの最終目的はOpenJijを使って、量子アニーリングを使った研究、実証実験などに向けた開発が行えるまでを目指します。<br><br>また量子アニーリングの基礎的なところから最先端の研究についてもコラムなどで紹介していく予定です。</p>
<a class="try-button" href="https://openjij.github.io/OpenJij/" target="_blank">Try Tutorial</a>
</div>
</div>
</div>
</div>
<!-- Install section -->
<div class="section install-section community-area-wrap">
<div class="community-section">
<h2 class="section-title">Community</h2>
<div class="community-detail">
<p class="community-detail-text">This project is still going. If you can help, please join the OpenJij Slack community. Then, you can participate in the project, and ask questions.</p>
<a class="join-slack-button" href="https://join.slack.com/t/openjij/shared_invite/enQtNjQyMjIwMzMwNzA4LTQ5MWRjOWYxYmY1Nzk4YzdiYzlmZjIxYjhhMmMxZjAyMzE3MDc1ZWRkYmI1YjhkNjRlOTM1ODE0NTc5Yzk3ZDA" target="_blank">Join the <image src="./webp/Slack_RGB_White.webp" class="logo-slack-white"> team</image></a>
</div>
</div>
</div>
<!-- footer -->
<div class="footer-flex">
<div class="footer-flex-item footer-logo-wrap">
<image src="./webp/openjij_logo.webp" class="logo-image"><p class="logo-text">OpenJij</p>
</image></div>
<div class="footer-flex-item">
<ul class="footer-info">
<li class="footer-link"><a href="https://openjij.github.io/OpenJij/" target="_blank">Document</a></li>
<li class="footer-link"><a href="https://github.com/OpenJij/OpenJij" target="_blank">GitHub</a></li>
<li class="footer-link"><a href="https://join.slack.com/t/openjij/shared_invite/enQtNjQyMjIwMzMwNzA4LTQ5MWRjOWYxYmY1Nzk4YzdiYzlmZjIxYjhhMmMxZjAyMzE3MDc1ZWRkYmI1YjhkNjRlOTM1ODE0NTc5Yzk3ZDA" target="_blank">Community</a></li>
<li class="footer-link"><a href="https://openjij.github.io/OpenJij/" target="_blank">Tutorials</a></li>
</ul>
</div>
</div>
</main>
<script>
$(function(){
});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MVHBFPCVB7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MVHBFPCVB7');
</script>
<!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "5e0d84bb7ea848d7911edf67e585e4ae"}'></script><!-- End Cloudflare Web Analytics -->
</body>
</html>