App-Inventor-Examples/index.html at main · gmostofabd/App-Inventor-Examples

655 lines (446 loc) · 25.9 KB
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>App Inventor Tutorials</title>
    <!-- Favicon with raw GitHub content URL -->
    <link rel="icon" href="https://github.com/gmostofabd/App-Inventor-Examples/blob/main/assets/images/melab_Fevicon_vr2_whtBG.png?raw=true" type="image/x-icon"/>
    <!-- Stylesheets with raw GitHub content URLs -->
    <link rel="stylesheet" href="assets/css/stylesheet.css" media="screen,projection"/>
    <link rel="stylesheet" href="assets/css/footerStyles.css" type="text/css"/>
    <link rel="stylesheet" href="assets/css/homeStyles.css" type="text/css"/>
	<link rel="stylesheet" href="assets/css/navBttnStyles.css" type="text/css"/>
    <link rel="stylesheet" href="https://raw.githubusercontent.com/gmostofabd/sharedAssets/81e14d9a8d408f4eedab5f3b2f3c74443575ee33/CSS%20templates/navBttnStyles.css" media="screen,projection"/>
    <link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/gmostofabd/sharedAssets/2ea59b99753e964b95d1684a1804a55448d8e03e/CSS%20templates/coloredSectionStyles.css"/>
    <link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/gmostofabd/sharedAssets/75f4d196ee10f5136d97ca6f900acbe5c2ada6aa/CSS%20templates/baseStyles.css"/>
    <!-- Import Google Fonts -->
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
    </style>
    <!-- jQuery Library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <!-- Sidebar Load Script -->
    <script>
        $(function() {
            $('#sidebar1').load("assets/sidebar1.html");
        });
    </script>
	    <div align="center" style="border: 2px solid #2d2d2d; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 85%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;">
    <div id="header">
        <h1><span style="color:#CCEA00">MIT</span> <span style="color:#FFEA00">App Inventor</span></h1>
    <div class="nav-container">
        <a href="#" class="nav-button inactive">Home</a>
        <a href="#" class="nav-button">About</a>
        <a href="#" class="nav-button">Services</a>
        <a href="#" class="nav-button">Portfolio</a>
        <a href="#" class="nav-button">Contact</a>
	    </div>
<div align="center" style="border: 2px solid #ddd; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 85%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;">
<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/a9cf2b52e0bb5f8dbba27aceef0b50ae13991651/assets/images/App%20Inventor%20Tutorial%20Banner%20(1_2_3)a.gif?raw=true" alt="Community">
 <div align="center" style="border: 2px solid #ddd; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 85%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;">
  	<div class="step">
        <h2 class="highlight">✨ Welcome to App Inventor Tutorial</h2>
    <div class="container">
        <div class="main-content">
		       This tutorial will enable you to learn and practice on android app development Example Projects that built 
		       with MIT App Inventor, covering key concepts like IoT, Hardware Interfacing, GPS Tracking, and Real-Time 
		       data handling etc. These examples are perfect for Beginners and Educators seeking to explore mobile App 
		       development and No-code programming.
	       </p>
			<p class="stylish-paragraph">MIT App Inventor is a web-based application that allows users to create Android 
			apps using a blocks-based programming language. It's an excellent tool for educators and 
		learners to understand programming and app development fundamentals.
<p class="stylish-paragraph"><em>The App Inventor platform is developed by the Massachusetts Institute of Technology (MIT).</em></p>
<p style="font-family: Arial, sans-serif; font-size: 18px; line-height: 1.6;">
    <strong><a href="https://appinventor.mit.edu/" style="color: #afffcc; text-decoration: none;">MIT App Inventor</a>
    </strong> is an <em>innovative</em> visual programming platform that empowers users to create fully functional Android apps. 
	It <span style="font-weight: bold; color: #fcaa33;">simplifies app development</span> through block-based coding, 
	making it accessible for <strong>anyone</strong>—even those with no prior programming experience. With App Inventor, 
	you can <span style="color: #afffcc; font-weight: bold;">easily design apps</span> that connect with real-world hardware, 
	such as sensors, IoT devices, and Bluetooth components.
  <div class="step">
        <h2 class="highlight">✨ Importants:</h2>	
		<div class="container">
	            <div class="main-content">
<p class="stylish-paragraph">🚩 <em>You access App Inventor using a web browser (Chrome, Firefox, Safari).</em> And you need google account to access this development platform.</p>
<p class="stylish-paragraph">🚩 <em>As it is a web based platform, you will require atleast a computer with internet connected.</em></p>
 </div>    
<div align="center" style="border: 2px solid #ddd; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 90%; margin-left:auto; margin-right:auto; m-argin-top:20px; margin-bottom:20px;">
  <div class="container">
    <div class="main-content">
      <h1 class="highlight">✨ App Inventor Features:</h1>
        <div class="feature-row">
		<div class="feature-title"><p >MIT App Inventor is composed of a DESIGNER section where you visually design your app layout and a BLOCKS section where you include the code to run your app.</em></p></div>
        </div>
      <!-- Features Section -->
      <div class="features-container">
        <div class="feature-row">
          <div class="feature-title"><p class="stylish-paragraph">🛠️ <em>User-Friendly Interface:</em></p></div>
		<p>Visual learning with <strong>immediate feedback</strong>, allowing for a hands-on experience.</p>
             </div>
        <div class="feature-row">
          <div class="feature-title"><p class="stylish-paragraph"> <h3 class="highlight">📱 Creativity & Problem-Solving:</h3> Engages users in <strong>creative projects</strong> while fostering <strong>logical thinking</strong> and innovation.</p></div>
        </div>
        <div class="feature-row">
          <div class="feature-title"><p class="stylish-paragraph">🌐 <em>Real-World Applications:</em></p></div>
          <div class="feature-description">
            Develop <strong>practical skills</strong> that create a solid <strong>foundation for future learning</strong> in real-world tasks.
          </div>
        </div>
        <div class="feature-row">
          <div class="feature-title"><p class="stylish-paragraph">📡 <em>Real-time Data Handling:</em></p></div>
          <div class="feature-description">
            Build apps with <strong>cloud storage</strong> and live updates for <strong>seamless real-time experiences</strong>.
          </div>
        </div>
      </div>
 <div align="center" style="border: 2px solid #ddd; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 90%; margin-left:auto; margin-right:auto; m-argin-top:20px; margin-bottom:20px;">
      <!-- Project Examples Section -->
      <h2>🧪 Project Examples</h2>
      <p class="stylish-paragraph">
        Explore these real-world projects to see how you can integrate hardware with App Inventor:
        <li>🚀 <strong>IoT Temperature Monitor:</strong> A project that reads temperature data from a sensor and displays it on an Android app via Bluetooth.</li>
        <li>🌍 <strong>GPS Location Tracker:</strong> Tracks and displays real-time GPS data on a map interface within the app.</li>
        <li>🤖 <strong>Bluetooth-Controlled Robot:</strong> Control a simple robot using an Android app and Bluetooth commands.</li>
      </ul>
    </div>  
<div align="center" style="border: 2px solid #ddd; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 90%; margin-left:auto; margin-right:auto; m-argin-top:20px; margin-bottom:20px;">
    <div id="container">
      <h2 class="highlight">✨ <strong>Tools and Resources you will need:</strong></h2>
<table style="width: 90%;">
    <td style="width: 60%; text-align: center; vertical-align: middle;">
      <div style="height: 90%; display: flex; justify-content: center; align-items: center;">
<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/1bdf33ada5ed2ccf65e6827ca357e04617120fba/assets/images/App%20Inventor%20Tutorial%20(yourNeeds_V1).gif?raw=true" alt="Proteus Simulation Example" width="90%">
                   </div>
    <td style="width: 40%; vertical-align: top;">
      <ul style="list-style-type: disc; padding-left: 20px; font-size: 24px;">
        <li><strong style="color: #2E8efb;"><h2>💻</h2>A Mac or Windows computer:</strong> The main environment for building your apps.</li>
        <li><strong style="color: #2E8efb;"><h2>📱</h2>Smartphone or Emulator:</strong> The device where your apps will be installed and perform.</li>
        <li><strong style="color: #2E8efb;"><h2>🌐</h2>A Wi-Fi connection:</strong> To use the platform and access necessary resources.</li>
        <li><strong style="color: #2E8efb;"><h2>🛠️</h2>App Inventor Platform:</strong> The main environment for building your apps.</li>
        <li><strong style="color: #2E8efb;"><h2>🔑</h2>Google Account:</strong> Required to log into App Inventor.</li>
      </ul>
<div align="center" style="border: 2px solid #ddd; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 90%; margin-left:auto; margin-right:auto; m-argin-top:20px; margin-bottom:20px;">
	    <div class="container">
        <h1>🛠️ How to Use App Inventor</h1>
        <p class="stylish-paragraph">Follow this step-by-step guide to get started with <strong>MIT App Inventor</strong> and begin building your own apps!</p>
        <h2>Step 1: Set Up MIT App Inventor</h2>
        <ul>
            <li>Visit the official website: <a href="http://appinventor.mit.edu/" target="_blank"><strong>MIT App Inventor</strong></a>.</li>
            <li>Click on <strong>Create Apps!</strong> to open the App Inventor development environment.</li>
            <li>Log in using your <strong>Google account</strong> to access the app creation dashboard.</li>
        </ul>
        <h2>Step 2: Create a New Project</h2>
        <ul>
            <li>On the main dashboard, click <strong>Start New Project</strong>.</li>
            <li>Enter a project name, like <code>MyFirstApp</code>, and click <strong>OK</strong>.</li>
            <li>You’ll be taken to the project workspace, where you can design your app.</li>
        </ul>
        <h2>Step 3: Design the User Interface (UI)</h2>
        <ul>
            <li><strong>In the Designer tab</strong>, drag and drop components (e.g., buttons, text boxes, images) from the <strong>Palette</strong> on the left into the <strong>Viewer</strong>.</li>
            <li>Customize each component’s properties (e.g., text, color, size) using the <strong>Properties panel</strong> on the right.</li>
        </ul>
        <h2>Step 4: Add Functionality with Blocks</h2>
        <ul>
            <li>Switch to the <strong>Blocks</strong> tab to create the logic behind your app.</li>
            <li>Drag blocks like <code>When Button1.Click</code> from the component list and add <strong>logic</strong> or <strong>control blocks</strong> to perform actions such as changing text, displaying notifications, or interacting with hardware.</li>
        </ul>
        <div class="image-container">
            <img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/550243358e79f68e1908a24f4a57a2470dc7bbe1/assets/images/AppInventor_ImageContent_intro1.png" alt="Blocks Example" style="max-width: 100%; height: auto; border-radius: 5px;">
            <p><em>Block-based coding interface</em></p>
        </div>
        <h2>Step 5: Connect Your Device</h2>
        <ul>
            <li><strong>Live Testing</strong>: Test your app on a real device using the <strong>MIT AI2 Companion</strong> app:
                    <li>Download the <a href="https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3" target="_blank"><strong>MIT AI2 Companion</strong></a> from the Play Store.</li>
                    <li>Open the app, and in App Inventor, go to <strong>Connect</strong> → <strong>AI Companion</strong>.</li>
                    <li>Scan the displayed <strong>QR code</strong> or enter the code to sync your device for live testing.</li>
                </ul>
            </li>
            <li><strong>Emulator</strong>: Alternatively, use the built-in emulator by clicking <strong>Connect</strong> → <strong>Emulator</strong>.</li>
        </ul>
        <h2>Step 6: Build and Test the App</h2>
        <ul>
            <li>To export your app as an installable APK, click <strong>Build</strong> → <strong>App (save .apk to my computer)</strong>.</li>
            <li>Once the APK is generated, download and install it on any Android device.</li>
        </ul>
        <div class="tip">
            🎉 <strong>Tip</strong>: You can use <strong>AI-powered cloud services</strong> like <strong>Firebase</strong> for <strong>real-time data synchronization</strong>.
        </div>
	    </div>
<div align="center" style="border: 2px solid #ddd; padding: 20px; border-radius: 10px; background-color: #2d2d2d; width: 90%; margin-left:auto; margin-right:auto; m-argin-top:20px; margin-bottom:20px;">
    <div class="container">
  <section id="projects" class="section projects">
		<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/5c0aab1817f7c8e7778bb045d03055ebd815ad76/assets/images/App%20Inventor%20Tutorial%20Banner_3a.gif?raw=true" alt="App Inventor IoT Example">
	</section>	    
        <div class="main-content">
<h1>🌟 <strong style="color: #cE8B57;">A Simple Game on MIT App Inventor</strong> 🌟</h1>
<h2 class="highlight">1. Open a blank project</h2>
	<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/6bc237de3b493e4f196b0a72d4cfda606b790d92/assets/images/blankProject.png?raw=true" alt="Community">
<p class="stylish-paragraph"><strong>Start a New Project:</strong> Create a new blank project.</p>
<p class="stylish-paragraph"><strong>Add Canvas:</strong> Go to <strong>.Drawing and Animation</strong> and drag a Canvas element.
 Rename it to <strong>MyCanvas</strong>.Set its dimensions to <code>300x300</code>.</p>
<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/a25fa4a62ce2d77c4708dab3788186844bb07e07/assets/images/step1.png?raw=true" alt="Community">
<p class="stylish-paragraph"><strong>Add Score Label:</strong></p>
<p class="stylish-paragraph">Drag a <strong>Label</strong> from <strong>User Interface</strong>.</p>
<p class="stylish-paragraph">Rename it to <strong>ScoreLabel</strong> and set its text to <code>Score: ---</code>.</p>
<p class="stylish-paragraph"><strong>Add Reset Button:</strong></p>
<p class="stylish-paragraph">Drag a <strong>Button</strong> from <strong>User Interface</strong>.</p>
<p class="stylish-paragraph">Rename it to <strong>ResetButton</strong> and set its text to <code>Reset</code>.</p>h
  <li><strong>Add Timer:</strong>
      <li>From <strong>Sensors</strong>, drag a <code>Clock</code> element to the screen.</li>
      <li>Rename it to <strong>MoleTimer</strong>.</li>
      <li>Enable the <code>Timer</code> and set <code>TimerInterval</code> to <strong>500</strong> ms.</li>
<p class="stylish-paragraph"2</p>
<h2 class="highlight">2. Add an ImageSprite</h2>
<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/a25fa4a62ce2d77c4708dab3788186844bb07e07/assets/images/step1.png?raw=true" alt="Community">
  <li><strong>Add the Mole Image:</strong>
      <li>From <strong>Drawing and Animation</strong>, drag an <code>ImageSprite</code> to the <strong>MyCanvas</strong> element.</li>
      <li>Download and use a <strong>mole image</strong> for the sprite.</li>
  <li><strong>Set Properties:</strong>
      <li>Ensure <code>Enabled</code> and <code>Visible</code> options are checked.</li>
      <li>Set <code>Width</code> and <code>Height</code> to <code>automatic</code>.</li>
      <li>Set <code>Speed</code> to <strong>0.0</strong>.</li>
<p class="stylish-paragraph">3</p>
<h2 class="highlight">3. Move the Mole</h2>
<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/a25fa4a62ce2d77c4708dab3788186844bb07e07/assets/images/step1.png?raw=true" alt="Community">
  <li><strong>Create MoveMole Procedure:</strong>
	  <img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/bc5035b36f674725dba5d605ae4cbcb8682fbf24/assets/images/step2.png?raw=true" alt="Community">
      <li>Switch to the <strong>Blocks</strong> screen.</li>
      <li>From <strong>Procedures</strong>, drag out a <code>procedure</code> block and name it <strong>MoveMole</strong>.</li>
  <li><strong>Set Mole X-Position:</strong>
      <li>Drag a <code>set Mole.X</code> block.</li>
      <li>Attach a <strong>multiplication block</strong> from <strong>Math</strong> and use a <strong>random fraction block</strong> for the first value.</li>
      <li>For the second value, use a <strong>subtraction block</strong>.
        <ul>
          <li>Left side: <code>MyCanvas.Width</code></li>
          <li>Right side: <code>Mole.Width</code></li>
        </ul>
      </li>
  <li><strong>Set Mole Y-Position:</strong>
      <li>Repeat the above steps for the Y-position but use <code>MyCanvas.Height</code> and <code>Mole.Height</code>.</li>
<p class="stylish-paragraph">4</p>
<h2 class="highlight">4. Create UpdateScore Procedure</h2>
		<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/bc5035b36f674725dba5d605ae4cbcb8682fbf24/assets/images/step3.png?raw=true" alt="Community">
  <li><strong>Initialize Score Variable:</strong>
      <li>In the <strong>Variables</strong> tab, create an <code>initialize global</code> block for <strong>score</strong> and set its value to <strong>0</strong>.</li>
  <li><strong>Set Score Label Text:</strong>
      <li>Create a new <strong>procedure</strong> named <strong>UpdateScore</strong>.</li>
      <li>Use the <code>set ScoreLabel.Text</code> block.</li>
      <li>Attach a <strong>join block</strong> from <strong>Text</strong>.
        <ul>
          <li>First text: <code>Score: </code></li>
          <li>Second text: <code>global score</code> from <strong>Variables</strong>.</li>
        </ul>
      </li>
<p class="stylish-paragraph">5</p>
<h2 class="highlight">5. Trigger MoveMole with Timer</h2>
<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/bc5035b36f674725dba5d605ae4cbcb8682fbf24/assets/images/step4.png?raw=true" alt="Community">
  <li><strong>Use Timer Event:</strong>
      <li>Get the <code>when MoleTimer.Timer</code> block.</li>
      <li>Inside it, call the <strong>MoveMole</strong> procedure.</li>
<h2 class="highlight">6. Update the Score on Mole Touch</h2>
  <li><strong>Set Up Mole Touched Event:</strong>
      <li>Get the <code>when Mole.Touched x y</code> block.</li>
  <li><strong>Increment Score:</strong>
      <li>Drag the <code>set global score</code> block.</li>
      <li>Attach it to a <strong>Math addition block</strong>.
        <ul>
          <li>Add <code>get global score</code> from <strong>Variables</strong> and <code>1</code>.</li>
        </ul>
      </li>
  <li><strong>Call Procedures:</strong>
      <li>After incrementing the score, call the <strong>UpdateScore</strong> and <strong>MoveMole</strong> procedures.</li>
<h2 class="highlight">7. Make the Reset Button Work</h2>
<img src="https://github.com/gmostofabd/App-Inventor-Examples/blob/bc5035b36f674725dba5d605ae4cbcb8682fbf24/assets/images/step6.png?raw=true" alt="Community">
  <li><strong>Set Up Reset Button Click Event:</strong>
      <li>Get the <code>when ResetButton.Click</code> block.</li>
  <li><strong>Reset Score:</strong>
      <li>Set <code>global score</code> to <strong>0</strong> using a <strong>Math number block</strong>.</li>
  <li><strong>Call UpdateScore:</strong>
      <li>Call the <strong>UpdateScore</strong> procedure.</li>
<h1>🎮 <strong>Congratulations! You've created a simple game using MIT App Inventor!</strong> 🎮</h1>
<h2>🌟 <strong>Advanced Tips and Enhancements</strong> 🌟</h2>
<p class="stylish-paragraph">Taking your Mole Mash game to the next level can be both fun and rewarding. Here are some advanced tips and enhancements to make your game even more exciting:</p>
<h3>1. Save the Game State</h3>
<p><strong>Why:</strong> Saving the game state allows players to resume their progress the next time they play. This is particularly useful for tracking high scores or other persistent game data.</p>
<p><strong>How to Do It:</strong></p>
  <li>Use <strong>TinyDB</strong>, a database component in MIT App Inventor, to save and retrieve the score.</li>
<h3>2. Add Sound Effects and Music</h3>
<p><strong>Why:</strong> Sound effects and music make the game more immersive and engaging.</p>
<p><strong>How to Do It:</strong></p>
  <li>Use the <strong>Sound</strong> component in MIT App Inventor to add sound effects and background music.</li>
<h3>3. Create Interactive Elements</h3>
<p><strong>Why:</strong> Interactive elements enhance gameplay and make it more enjoyable.</p>
<p><strong>How to Do It:</strong></p>
  <li>Add buttons or interactive objects that players can click to perform actions, such as:
      <li>Starting a new game</li>
      <li>Pausing the game</li>
      <li>Accessing a help menu</li>
<h3>4. Implement Power-Ups and Bonuses</h3>
<p><strong>Why:</strong> Power-ups and bonuses add an extra layer of strategy and excitement to the game.</p>
<p><strong>How to Do It:</strong></p>
  <li>Create additional <strong>ImageSprites</strong> for power-ups.</li>
  <li>Use <strong>conditional statements</strong> to check if the player has collected a power-up and apply its effects.</li>
<hr style="border: none; height: 2px; background-color: #2E8B57; margin-top: 20px; margin-bottom: 20px; border-radius: 5px;">
<p><strong>🚀 With these advanced tips, your Mole Mash game will be more engaging and fun! Enjoy enhancing your game!</strong></p>
            </div>
	    </div>
    <div class="footer-container">
        <!-- About Us Section -->
        <div class="footer-section about">
            <h3>About Us</h3>
            <p>We are a team dedicated to bringing you the latest insights in technology, programming, and more. Follow us on social media to stay updated with our latest content!</p>
            <div class="social-links">
                <a href="#"><i class="fab fa-facebook"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
                <a href="#"><i class="fab fa-linkedin"></i></a>
                <a href="#"><i class="fab fa-youtube"></i></a>
            </div>
        </div>
        <!-- Contact Info Section -->
        <div class="footer-section contact-info">
            <h3>Contact Us</h3>
            <p><i class="fas fa-map-marker-alt"></i> Gazipur, Bangladesh</p>
            <p><i class="fas fa-envelope"></i> <a href="mailto:info@melabbd.com" style="color: #fff; text-decoration: none;">info@techcompany.com</a></p>
            <p><i class="fas fa-phone"></i> +123 456 7890</p>
        </div>
        <!-- Newsletter Signup Section -->
        <div class="footer-section newsletter">
            <h3>Subscribe to our Newsletter</h3>
            <p>Get the latest news and updates right in your inbox.</p>
            <form action="#">
                <input type="email" placeholder="Enter your email" required>
                <button type="submit">Subscribe</button>
            </form>
        </div>
        <!-- Quick Links Section -->
        <div class="footer-section quick-links">
            <h3>Quick Links</h3>
            <a href="#">Home</a>
            <a href="#">About</a>
            <a href="#">Services</a>
            <a href="#">Blog</a>
            <a href="#">Contact</a>
        </div>
    <!-- Footer Bottom -->
    <div class="footer-bottom">
        <p>&copy; 2024 @gmostofaBD | All Rights Reserved</p>
Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls
