Spaces:
Runtime error
Runtime error
File size: 5,128 Bytes
594c559 4e098a1 594c559 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
<!DOCTYPE html>
<html>
<head>
<title>ChatDev</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/marked.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-markup.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-javascript.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
<script src="static/js/main.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism-okaidia.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/monokai-sublime.min.css">
<script>
hljs.initHighlightingOnLoad();
</script>
</head>
<body style="margin: 120px; background-color: rgb(41, 41, 41);">
<div class="d-flex justify-content-center">
<img src="static/figures/title.png" alt="ChatDev Title" id="title-image" style="width: 100%; max-width: 500px;">
</div>
<main class="container" id="form" style="width: auto; height: 58%; background-color:rgb(97, 97, 92); font-size: 24px; overflow: hidden; border-radius: 1rem; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-weight: bolder; text-shadow: 0px 0px 0px rgb(252, 252, 252); color: aliceblue;">
<form action="https://ennet-chatdev.hf.space/download" method="post">
<div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<label for="api_key">What is your OpenAI API key?</label>
<input name="api_key" id="api_key" placeholder="sk-xxx" style="width:800px; font-size: 68%;" required/>
<label for="task">What is your task name?</label>
<input name="task" id="task" placeholder="Develop a basic Gomoku game." style="width:800px; font-size: 68%;" required/>
<label for="config">Choose software type you want?</label>
<select name="config" id="config" style="width:800px; font-size: 68%; height: 30px;" required>
<option value="Default">Without images</option>
<option value="Art">With generated images</option>
</select>
<!-- <input name="config" id="config" placeholder="Default" style="width:600px" /> -->
<button style="margin: 20px; border-radius: 0.5rem; font-weight: bolder; text-shadow: 0px 0px 0px rgb(252, 252, 252); color: aliceblue; background-color: rgb(58, 58, 218);">Get Started</button>
</div>
</form>
<div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<label for="config">Click after the Chief Product Officer send manual:</label>
<a href="/Outputs.zip" download="Outputs.zip">
<button margin: style="margin:20px; border-radius: 0.5rem; font-weight: bolder; text-shadow: 0px 0px 0px rgb(252, 252, 252); color: aliceblue; background-color: rgb(226, 67, 160);">Download</button>
</a>
</div>
</main>
<div class="container d-flex flex-column" id="chat-box" style="background-color: rgb(97, 97, 92); border-radius: 1rem"></div>
<script>
var container = document.getElementById("chat-box");
container.scrollTop = container.scrollHeight;
</script>
<!-- <div style="display: flex; width:auto;justify-content: center;align-items: center;">
<div style="width: 30%;">
<br>
<a href="static/chain_visualizer.html">
<button>ChatChain Visualizer</button>
</a>
</div>
<div>
<br>
<a href="static/replay.html">
<button>Chat Replay</button>
</a>
</div>
</div> -->
<script src="static/js/main.js"></script>
</body>
<!-- <script>
$('button').click(function () {
$(this).attr('disabled', 1);
});
</script> -->
</html>
|