Hugging Face's logo

Spaces:
MarkTheArtist
/
test2
Running

App Files Community
MarkTheArtist commited on
Commit
da0afa7
·
verified ·
1 Parent(s): 6244786

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +95 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test2
3
- emoji: 🐠
4
  colorFrom: blue
5
- colorTo: blue
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: test2
3
+ emoji: 🐳
4
  colorFrom: blue
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,95 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ html
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF- 8">
6
+ <meta name="viewport" content="width=device-width, initial-scale= 1.0">
7
+ <title>Laser Cut Box Generator (Butt Joints)</title>
8
+ <style>
9
+ body {
10
+ font-family: Arial, sans-serif;
11
+ }
12
+ #design-container {
13
+ width: 800px;
14
+ height: 600px;
15
+ border: 1px solid #000;
16
+ margin-top: 20px;
17
+ }
18
+ </style>
19
+ </head>
20
+ <body>
21
+
22
+ <h1>Laser Cut Box Generator (Butt Joints)</h1>
23
+
24
+ <label for="length">Length (inches):</label>
25
+ <input type="number" id="length" value="5" step="0.1">
26
+ <br>
27
+ <label for="width">Width (inches):</label>
28
+ <input type="number" id="width" value="3" step="0.1">
29
+ <br>
30
+ <label for="height">Height (inches):</label>
31
+ <input type="number" id="height" value="2" step="0.1">
32
+ <br>
33
+ <label for="thickness">Material Thickness (inches):</label>
34
+ <input type="number" id="thickness" value="0.125" step="0.01">
35
+ <br>
36
+ <button onclick="generateBoxDesign()">Generate Design</button>
37
+
38
+ <div id="design-container">
39
+ <svg id="box-design" width="100%" height="100%"></svg>
40
+ </div>
41
+
42
+ <script>
43
+ function generateBoxDesign() {
44
+ const length = parseFloat(document.getElementById('length').value);
45
+ const width = parseFloat(document.getElementById('width').value);
46
+ const height = parseFloat(document.getElementById('height').value);
47
+ const thickness = parseFloat(document.getElementById('thickness').value);
48
+
49
+ const svgNS = "http://www.w3.org/2000/svg";
50
+ const svg = document.getElementById('box-design');
51
+ svg.innerHTML = ''; // Clear previous design
52
+
53
+ let x = 10;
54
+ let y = 10;
55
+
56
+ // Bottom panel
57
+ drawRect(svg, x, y, length, width);
58
+ y += width + 10;
59
+
60
+ // Side panels
61
+ drawRect(svg, x, y, length, height);
62
+ x += length + 10;
63
+ drawRect(svg, x, y, length, height);
64
+ x -= length + 10;
65
+ y += height + 10;
66
+
67
+ // End panels
68
+ drawRect(svg, x, y, width, height);
69
+ x += width + thickness + 10;
70
+ drawRect(svg, x, y, width, height);
71
+
72
+ // Adjust SVG viewBox to fit the design
73
+ const maxX = x + width + 20;
74
+ const maxY = y + height + 20;
75
+ svg.setAttribute('viewBox', `0 0 ${maxX} ${maxY}`);
76
+ }
77
+
78
+ function drawRect(svg, x, y, width, height) {
79
+ const svgNS = "http://www.w3.org/2000/svg";
80
+ const rect = document.createElementNS(svgNS, 'rect');
81
+ rect.setAttribute('x', x);
82
+ rect.setAttribute('y', y);
83
+ rect.setAttribute('width', width);
84
+ rect.setAttribute('height', height);
85
+ rect.setAttribute('stroke', 'black');
86
+ rect.setAttribute('fill', 'none');
87
+ svg.appendChild(rect);
88
+ }
89
+
90
+ // Generate a default design on page load
91
+ generateBoxDesign();
92
+ </script>
93
+
94
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=MarkTheArtist/test2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
95
+ </html>
prompts.txt ADDED
File without changes