Hugging Face's logo

Spaces:
djrana
/
DreamShaperXL-Turbo
Running

App Files Community
xp3857 commited on
Commit
07084ef
•
1 Parent(s): fa4f90c

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +18 -94
app.py CHANGED
@@ -34,104 +34,28 @@ models=[
34
  o = "V"
35
 
36
  t_out = ("""
37
- <html lang="en">
38
- <head>
39
-
40
- <!--====== Design by foolishdeveloper.com =====-->
41
-
42
-
43
- <title>Automatic Popup</title>
44
- <!--Google Fonts-->
45
- <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
46
- <!--Stylesheets-->
47
- <style media="screen">
48
- *,
49
- *:before,
50
- *:after{
51
- padding: 0;
52
- margin: 0;
53
- box-sizing: border-box;
54
  }
55
- body{
56
- background-color: #0855ae;
 
 
57
  }
58
- .popup{
59
- background-color: #ffffff;
60
- width: 420px;
61
- padding: 30px 40px;
62
  position: absolute;
63
- transform: translate(-50%,-50%);
64
- left: 50%;
65
- top: 50%;
66
- border-radius: 8px;
67
- font-family: "Poppins",sans-serif;
68
- display: none;
69
- text-align: center;
70
- }
71
- .popup button{
72
- display: block;
73
- margin: 0 0 20px auto;
74
- background-color: transparent;
75
- font-size: 30px;
76
- color: #ffffff;
77
- background: #03549a;
78
- border-radius: 100%;
79
- width: 40px;
80
- height: 40px;
81
- border: none;
82
- outline: none;
83
- cursor: pointer;
84
- }
85
- .popup h2{
86
- margin-top: -20px;
87
- }
88
- .popup p{
89
- font-size: 14px;
90
- text-align: justify;
91
- margin: 20px 0;
92
- line-height: 25px;
93
  }
94
- a{
95
- display: block;
96
- width: 150px;
97
- position: relative;
98
- margin: 10px auto;
99
- text-align: center;
100
- background-color: #0f72e5;
101
- border-radius: 20px;
102
- color: #ffffff;
103
- text-decoration: none;
104
- padding: 8px 0;
105
- }
106
- </style>
107
- </head>
108
- <body>
109
- <div class="popup">
110
- <button id="close">&times;</button>
111
- <h2>Automatic Pop-Up</h2>
112
- <p>
113
- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Expedita distinctio fugiat alias iure qui, commodi minima magni ullam aliquam dignissimos?
114
- </p>
115
- <a href="#">Let's Go</a>
116
- </div>
117
- <!--Script-->
118
- <script type="text/javascript">
119
- window.addEventListener("load", function(){
120
- setTimeout(
121
- function open(event){
122
- document.querySelector(".popup").style.display = "block";
123
- },
124
- 2000
125
- )
126
- });
127
-
128
-
129
- document.querySelector("#close").addEventListener("click", function(){
130
- document.querySelector(".popup").style.display = "none";
131
- });
132
- </script>
133
- </body>
134
- </html>
135
  """)
136
 
137
 
 
34
  o = "V"
35
 
36
  t_out = ("""
37
+ #container{
38
+ position: relative;
39
+ width: 200px;
40
+ height: 200px;
 
 
 
 
 
 
 
 
 
 
 
 
 
41
  }
42
+ #main_image{
43
+ width: 100%;
44
+ height: 100%;
45
+ background: blue;
46
  }
47
+ #overlay_image{
 
 
 
48
  position: absolute;
49
+ bottom: 10px;
50
+ right: 10px;
51
+ width: 30px;
52
+ height: 30px;
53
+ background: red;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  }
55
+ <div id="container">
56
+ <div id="main_image"></div>
57
+ <div id="overlay_image"></div>
58
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
59
  """)
60
 
61