mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-11 13:48:34 +00:00
42 lines
2.1 KiB
JavaScript
42 lines
2.1 KiB
JavaScript
/*
|
|
Tutorial.js - <short description TODO>
|
|
Copyright (C) 2022 Strudel contributors - see <https://github.com/tidalcycles/strudel/blob/main/repl/src/tutorial/Tutorial.js>
|
|
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import Tutorial from './tutorial.mdx';
|
|
// import ApiDoc from './ApiDoc';
|
|
import './style.scss';
|
|
import '@strudel.cycles/react/dist/style.css';
|
|
import { initAudioOnFirstClick } from '@strudel.cycles/webaudio';
|
|
|
|
initAudioOnFirstClick();
|
|
|
|
ReactDOM.render(
|
|
<React.StrictMode>
|
|
<div className="min-h-screen bg-slate-900">
|
|
<header className="flex-none flex justify-start sticky top-0 z-[2] w-full h-16 px-2 items-center border-b border-slate-500 text-white bg-slate-900 z-[100]">
|
|
<div className="p-4 w-full flex justify-between items-center">
|
|
<div className="flex items-center space-x-2">
|
|
<img src={'https://tidalcycles.org/img/logo.svg'} className="Tidal-logo w-10 h-10" alt="logo" />
|
|
<h1 className="text-xl cursor-pointer" onClick={() => window.scrollTo(0, 0)}>
|
|
Strudel Tutorial
|
|
</h1>
|
|
</div>
|
|
{!window.location.href.includes('localhost') && (
|
|
<div className="flex space-x-4 text-slate-200">
|
|
<a href="../">go to REPL</a>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</header>
|
|
<main className="p-4 pl-6 max-w-3xl prose prose-invert">
|
|
<Tutorial />
|
|
</main>
|
|
</div>
|
|
</React.StrictMode>,
|
|
document.getElementById('root'),
|
|
);
|