index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Jelly Documentation</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./style.css">
    <script src="./script.js"></script>
</head>

<body>
    <div class="MiniBar" id="MiniBar">
        <a id="MenuButton" href="javascript:void(0)" class="MenuButton" onclick="handleNav()">&times;</a>
    </div>
    <div class="SideBar" id="SideBar">
        <a href="./index.html" class="SidebarItem">
            <div class="HStack VerticalyCentered">
                <img class="Logo" src="./assets/logo.png" width="50" height="50" />
                <h1 class="LogoHeader">Jelly</h1>
            </div>
        </a>
        <hr>
        <a class="SidebarItem" href="/Getting_Started/language_overview.html">
            <h1 class="SidebarItemHeader">Getting Started</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Language_Guide/basics.html">
            <h1 class="SidebarItemHeader">Language Guide</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Shortcuts_Standard/index.html">
            <h1 class="SidebarItemHeader">Shortcuts Standard</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Actions/index.html">
            <h1 class="SidebarItemHeader">Actions</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Apollo/index.html">
            <h1 class="SidebarItemHeader">Apollo</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/a-Shell/index.html">
            <h1 class="SidebarItemHeader">a-Shell</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/a-Shell_Mini/index.html">
            <h1 class="SidebarItemHeader">a-Shell Mini</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/CARROT_Weather/index.html">
            <h1 class="SidebarItemHeader">CARROT Weather</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Data_Jar/index.html">
            <h1 class="SidebarItemHeader">Data Jar</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Drafts/index.html">
            <h1 class="SidebarItemHeader">Drafts</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Focused_Work/index.html">
            <h1 class="SidebarItemHeader">Focused Work</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/GizmoPack/index.html">
            <h1 class="SidebarItemHeader">GizmoPack</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Jellycuts/index.html">
            <h1 class="SidebarItemHeader">Jellycuts</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/LinkBin/index.html">
            <h1 class="SidebarItemHeader">LinkBin</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Nudget/index.html">
            <h1 class="SidebarItemHeader">Nudget</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Progress/index.html">
            <h1 class="SidebarItemHeader">Progress</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Recurrence/index.html">
            <h1 class="SidebarItemHeader">Recurrence</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Rubyist/index.html">
            <h1 class="SidebarItemHeader">Rubyist</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Scriptable/index.html">
            <h1 class="SidebarItemHeader">Scriptable</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/The_Wallpaper_App/index.html">
            <h1 class="SidebarItemHeader">The Wallpaper App</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/Toolbox_Pro/index.html">
            <h1 class="SidebarItemHeader">Toolbox Pro</h1>
        </a>
        <hr>
        <a class="SidebarItem" href="/WidgetPack/index.html">
            <h1 class="SidebarItemHeader">WidgetPack</h1>
        </a>
        <hr>
        <div class="HStack VerticalyCentered" style="margin-top: 10px;">
            <a class="SidebarItem" href="https://jellycuts.com">
                <h1 class="SidebarButton" style="width: 20px;height: 20px; font-size: 14px;">🏠</h1>
            </a>
            <a class="SidebarItem" href="javascript:void(0)" onclick="handleNav()">
                <h1 class="SidebarButton" style="width: 125px;height: 20px;">Close Sidebar</h1>
            </a>
        </div>
        <div style="margin-bottom: 40px;">
        </div>
    </div>
    <div class="Main" id="Main">
        <h1>Documentation</h1>
        <!-- <h3>⚠️ This document is still in progress. It will be evolving over the coming weeks. ⚠️</h3> -->
        <p>Welcome to the Jelly Programming Language documentation. This website will guide you through your first Jelly script and provide general information on the language. It will also provide information on using the main Jelly IDE <a href='https://jellycuts.com'>Jellycuts</a>.</p>
        <h2 id='the-jelly-programming-language'>The Jelly Programming Language</h2>
        <p>The Jelly programming language was created to code <a href='https://apps.apple.com/us/app/shortcuts/id915249334'>Siri Shortcuts</a> in a text base language. This is why the language is currently structured around calling functions. </p>
        <h3 id='the-shortcuts-library'>The Shortcuts Library</h3>
        <p>The standard Jelly library is the Shortcuts Library. This library contains functions that are easily translated directly into default Shortcuts actions. Documentation for this library can be found on the <a href='./Shortcuts_Standard/index.html'>Shortcuts Standard Page.</a></p>
    </div>

</body>

</html>