Add files via upload

Harshit2012 · web-flow · commit 913bfd36ff1c · 2024-05-14T12:35:29.000+05:30
diff --git a/SnakeEdit.png b/SnakeEdit.png
diff --git a/code_editor.html b/code_editor.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SnakeEdit</title>
+    <link rel="icon" href="logo.jpg">
+    <script src="https://cdn.jsdelivr.net/npm/brython@3.12.3/brython.min.js" integrity="sha256-5S+uyI6JXTLNxOAgBefqpfBerBAl/sgb8DYOmGvBrE0=" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body onload="brython()">
+    <div id="editor">
+        <textarea id="python-code" placeholder="Write your Python code here..."></textarea>
+        <button id="run-button">
+            <span class="run-icon">&#9658;</span> Run Code
+        </button>
+    </div>
+
+    <script type="text/python">
+        from browser import document
+
+        def run_python(event):
+            try:
+                exec(document["python-code"].value)
+            except Exception as e:
+                print("Error: " + str(e))
+        document["run-button"].bind("click", run_python)
+    </script>
+</body>
+</html>
diff --git a/intro.css b/intro.css
@@ -0,0 +1,65 @@
+body {
+    margin: 0;
+    padding: 0;
+    background-color: black;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    color: white;
+    text-align: center;
+}
+
+i {
+    color: green;
+}
+
+#logo {
+    height: 100px;
+    width: 100px;
+    border: none;
+    outline: none;
+    border-radius: 50%;
+}
+
+#intro {
+    display: flex;
+    padding: 20px;
+}
+
+#gs {
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    height: 50px;
+    width: 200px;
+    background-color: green;
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+    border: none;
+    outline: none;
+    border-radius: 10px;
+    transition: all 1s ease;
+}
+
+#gs:hover {
+    transform: scale(1.5);
+    cursor: pointer;
+}
+
+#preview_img {
+    height: 280px;
+    width: 500px;
+    transform: translate(250px, 10px);
+}
+
+#g_img {
+    height: 100px;
+    width: 100px;
+    border: none;
+    outline: none;
+    border-radius: 50%;
+}
+
+#github-osource {
+    border: 5px solid white;
+    margin: 0 auto;
+    width: 500px;
+    border-radius: 10px;
+}
diff --git a/intro.html b/intro.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SnakeEdit: Easy to make python console application</title>
+    <link rel="stylesheet" href="intro.css">
+    <link rel="icon" href="logo.jpg">
+</head>
+<body>
+    <img src="logo.jpg" id="logo" alt="offline">
+    <div id="intro">
+        <div id="about">
+            <h1>Welcome to <i>SnakeEdit</i></h1>
+            <h1>Create <i>Console Application</i></h1>
+            <h1>Using <i>Python</i></h1>
+            <button id="gs" onclick="gets()">Get Started</button>
+        </div>
+        <div id="preview">
+            <img src="SnakeEdit.png" alt="offline" id="preview_img">
+        </div>
+    </div>
+    <br><br><br><br>
+    <div id="github-osource">
+        <h1>Open Source</h1>
+        <a href="https://github.com/Harshit2012/SnakeEdit" target="_blank"><img id="g_img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZLNNYPJCZs8Nxqvgvw9l-ipz7jujAA-ifAA&s" alt="offline"></a>
+        <h2>Github</h2>
+    </div>
+    <br>
+    <script src="intro.js"></script>
+</body>
+</html>
diff --git a/intro.js b/intro.js
@@ -0,0 +1,3 @@
+function gets(){
+    window.location = "code_editor.html"
+}
diff --git a/logo.jpg b/logo.jpg
diff --git a/style.css b/style.css
@@ -0,0 +1,44 @@
+body {
+    margin: 0;
+    display: flex;
+    height: 100vh;
+    font-family: Arial, sans-serif;
+    overflow-x: hidden;
+}
+
+#editor {
+    flex: 1;
+    background: #000;
+    color: #0f0;
+    padding: 10px;
+}
+
+textarea {
+    width: 100%;
+    height: 90%;
+    background: #000;
+    color: #0f0;
+    border: none;
+    padding: 10px;
+    resize: none;
+    font-family: monospace;
+}
+
+button {
+    width: 200px;
+    padding: 10px;
+    margin-top: 10px;
+    background-color: #04AA6D;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.run-icon {
+    margin-right: 5px;
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+function gets(){`
	`2`	`+ window.location = "code_editor.html"`
	`3`	`+}`