Hugging Face's logo

Spaces:
lalashechka
/
Img2Img_9
Running

App Files Community
lalashechka commited on
Commit
3add90e
·
verified ·
1 Parent(s): d778197

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +113 -9
index.html CHANGED
@@ -4,16 +4,120 @@
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>
 
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width" />
6
  <title>My static Space</title>
7
+ <style>
8
+ div#component-2 {
9
+ display: none;
10
+ }
11
+ div#component-20 {
12
+ display: none;
13
+ }
14
+ button#component-16 {
15
+ margin-bottom: 20px;
16
+ border-radius: 10px;
17
+ background: #e253dd;
18
+ color: white;
19
+ box-shadow: none;
20
+ border: none !important;
21
+ }
22
+ </style>
23
  </head>
24
  <body>
25
+ <script
26
+ type="module"
27
+ src="https://gradio.s3-us-west-2.amazonaws.com/4.16.0/gradio.js"
28
+ ></script>
29
+
30
+ <gradio-app id='ga33' src="https://fffiloni-pasd.hf.space"></gradio-app>
31
+ <script>
32
+ const targetNode3 = document.body; // или другой родительский элемент
33
+ const config3 = { childList: true, subtree: true };
34
+ const callback3 = function(mutationsList, observer) {
35
+ for(let mutation of mutationsList) {
36
+ if (mutation.type === 'childList') {
37
+ const grApp3 = document.getElementById('ga33');
38
+
39
+ const targetDiv3 = grApp3.querySelector('#component-7');
40
+ const targetSpan3 = Array.from(targetDiv3.querySelectorAll('span')).find(span => span.textContent.includes('Advanced settings'));
41
+ targetSpan3.textContent = "Расширенные настройки";
42
+ observer.disconnect(); // Останавливаем наблюдение после изменения
43
+ }
44
+ }
45
+ };
46
+ const observer3 = new MutationObserver(callback3);
47
+ observer3.observe(targetNode3, config3);
48
+ </script>
49
+
50
+ <script>
51
+ const targetNode141 = document.body; // или другой родительский элемент
52
+ const config141 = { childList: true, subtree: true };
53
+ const callback141 = function(mutationsList, observer) {
54
+ for(let mutation of mutationsList) {
55
+ if (mutation.type === 'childList') {
56
+ const grApp141 = document.getElementById('ga33');
57
+ const targetDiv141 = grApp141.querySelector('#component-6');
58
+ const targetSpan141 = targetDiv141.querySelector('span[data-testid="block-info"]');
59
+ targetSpan141.textContent = "Краткое описание фото:";
60
+ observer.disconnect(); // Останавливаем наблюдение после изменения
61
+ }
62
+ }
63
+ };
64
+ const observer141 = new MutationObserver(callback141);
65
+ observer141.observe(targetNode141, config141);
66
+ </script>
67
+
68
+
69
+ <script>
70
+ const targetNode4135 = document.body; // или другой родительский элемент
71
+ const config4135 = { childList: true, subtree: true };
72
+ const callback4135 = function(mutationsList, observer) {
73
+ for(let mutation of mutationsList) {
74
+ if (mutation.type === 'childList') {
75
+ const grApp4132 = document.getElementById('ga33');
76
+ const targetDiv4135 = grApp4132.querySelector('#component-19');
77
+ const targetSpan4135 = targetDiv4135.querySelector('label[data-testid="block-label"]');
78
+ targetSpan4135.textContent = "Результат №2:";
79
+ observer.disconnect(); // Останавливаем наблюдение после изменения
80
+ }
81
+ }
82
+ };
83
+ const observer4135 = new MutationObserver(callback4135);
84
+ observer4135.observe(targetNode4135, config4135);
85
+ </script>
86
+
87
+ <script>
88
+ const targetNode5 = document.body; // или другой родительский элемент
89
+ const config5 = { childList: true, subtree: true };
90
+ const callback5 = function(mutationsList, observer) {
91
+ for(let mutation of mutationsList) {
92
+ if (mutation.type === 'childList') {
93
+ const grApp2 = document.getElementById('ga33');
94
+ const targetDiv5 = grApp2.querySelector('#component-5');
95
+ const targetSpan5 = targetDiv5.querySelector('label[data-testid="block-label"]');
96
+ targetSpan5.textContent = "Исходное фото:";
97
+ observer.disconnect(); // Останавливаем наблюдение после изменения
98
+ }
99
+ }
100
+ };
101
+ const observer5 = new MutationObserver(callback5);
102
+ observer5.observe(targetNode5, config5);
103
+ </script>
104
+
105
+ <script>
106
+ const targetNode8 = document.body; // или другой родительский элемент
107
+ const config8 = { childList: true, subtree: true };
108
+ const callback8 = function(mutationsList, observer) {
109
+ for(let mutation of mutationsList) {
110
+ if (mutation.type === 'childList') {
111
+ const grApp8 = document.getElementById('ga33');
112
+ const targetDiv8 = grApp8.querySelector('#component-16');
113
+ targetDiv8.textContent = "Улучшить фото";
114
+ observer.disconnect(); // Останавливаем наблюдение после изменения
115
+ }
116
+ }
117
+ };
118
+ const observer8 = new MutationObserver(callback8);
119
+ observer8.observe(targetNode8, config8);
120
+ </script>
121
+
122
  </body>
123
  </html>