autogpt-gui/index.html
thecookingsenpai cc7498a96a Initial commit
2023-12-25 13:25:43 +01:00

66 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<meta http-equiv="Content-Security-Policy"
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
<link href="./styles.css" rel="stylesheet">
<title>AutoGPT GUI</title>
</head>
<body>
<h3 class="centered expand">AutoGPT Graphical User Interface</h3>
<h5 class="small centered expand">AutoGPT created by Torantulino - GUI created by TheCookingSenpai</h5>
<div class="centered">
<div class="card tilt-top" id="settings">
<div class="oneliner">
<h4>Choose your AI personality (e.g. an AI that can write essays)</h4>
<h5 class="sameline">Your AI is: </h5>
<input class="sameline wide" type="text" id="zone_personality">
<h5 class="sameline"> And is named: </h5>
<input class="sameline" type="text" id="zone_name">
</div>
<div class="halfcard">
<h4>Define up to 5 goals for your AI</h4>
<div class="oneliner">
<h5 class="sameline">Goal 1</h5>
<input class="sameline" type="text" id="zone_goal_1">
<h5 class="sameline">Goal 2</h5>
<input class="sameline" type="text" id="zone_goal_2">
</div>
<div class="oneliner">
<h5 class="sameline">Goal 3</h5>
<input class="sameline" type="text" id="zone_goal_3">
<h5 class="sameline">Goal 4</h5>
<input class="sameline" type="text" id="zone_goal_4">
</div>
<div class="oneliner">
<h5 class="sameline">Goal 5</h5>
<input class="sameline" type="text" id="zone_goal_5">
</div>
</div>
<br>
<div class="oneliner">
<input class="sameline" type="checkbox" id="cfg_continuous" unchecked>Contiuous Mode</input>
<input class="sameline" type="checkbox" id="cfg_debug" unchecked>Debug Mode</input>
<input class="sameline" type="checkbox" id="cfg_speak" unchecked>Speak Mode</input>
<input class="sameline" type="checkbox" id="cfg_save" unchecked>Save output to file</input>
</div>
<br>
<div class="hidden red" id="zone_error"></div>
<button class="centered" id="cmd_execute">Go!</button>
<br>
</div>
<div class="output_space card tilt-top" id="output">
<h4>Output</h4>
<div class="output_space scrollable output_text" id="zone_output"></div>
</div>
<button class="centered hidden" id="cmd_stop">Stop</button>
</div>
<!-- You can also require other files to run in this process -->
<script src="./script.js"></script>
</body>
</html>