Hugging Face's logo

Spaces:
Truepic
/
watermarked-content-credentials
Running on T4

App Files Community
2
jclyo1 commited on
Commit
a70f2c7
•
1 Parent(s): 15c9e31

updates

Browse files
Files changed (2) hide show
  1. static/index.html +15 -3
  2. static/style.css +20 -0
static/index.html CHANGED
@@ -31,7 +31,7 @@
31
  </head>
32
  <body>
33
  <div class="container-fluid mt-2" id="head">
34
- <div class="container">
35
  <div class="row">
36
  <div class="col position-relative">
37
  <div class="row">
@@ -44,6 +44,18 @@
44
  Generate images with C2PA content credentials and Steg.ai
45
  digital watermarking for enhanced AI label robustness
46
  </p>
 
 
 
 
 
 
 
 
 
 
 
 
47
  </div>
48
  </div>
49
  <div class="d-flex flex-row position-absolute bottom-0 tabs">
@@ -55,7 +67,7 @@
55
  </div>
56
  </div>
57
  </div>
58
- <div class="col right-column">
59
  <div class="alert alert-primary" role="alert">
60
  <h4>Support our work!</h4>
61
  <p>
@@ -72,7 +84,7 @@
72
  </div>
73
  </div>
74
  <div class="container-fluid" id="body">
75
- <div class="container">
76
  <div class="row">
77
  <div class="col" style="min-width: 0; padding-right: 0">
78
  <div class="display-generate">
 
31
  </head>
32
  <body>
33
  <div class="container-fluid mt-2" id="head">
34
+ <div class="container-xl">
35
  <div class="row">
36
  <div class="col position-relative">
37
  <div class="row">
 
44
  Generate images with C2PA content credentials and Steg.ai
45
  digital watermarking for enhanced AI label robustness
46
  </p>
47
+
48
+ <div class="alert alert-primary d-md-none" role="alert">
49
+ <h4>Support our work!</h4>
50
+ <p>
51
+ <img src="images/heart_icon.svg" /> Like this Space in the nav
52
+ above
53
+ </p>
54
+ <p>
55
+ <img src="images/wave_icon.svg" /> Joining the conversation in
56
+ the Community tab
57
+ </p>
58
+ </div>
59
  </div>
60
  </div>
61
  <div class="d-flex flex-row position-absolute bottom-0 tabs">
 
67
  </div>
68
  </div>
69
  </div>
70
+ <div class="col right-column d-none d-md-block">
71
  <div class="alert alert-primary" role="alert">
72
  <h4>Support our work!</h4>
73
  <p>
 
84
  </div>
85
  </div>
86
  <div class="container-fluid" id="body">
87
+ <div class="container-xl">
88
  <div class="row">
89
  <div class="col" style="min-width: 0; padding-right: 0">
90
  <div class="display-generate">
static/style.css CHANGED
@@ -362,3 +362,23 @@ img.thumbnail {
362
  color: #d8394b;
363
  display: none;
364
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
362
  color: #d8394b;
363
  display: none;
364
  }
365
+
366
+ @media screen and (max-width: 1100px) {
367
+ .right-column {
368
+ flex: 0 0 45%;
369
+ }
370
+ }
371
+
372
+ @media screen and (max-width: 768px) {
373
+ #body > .container-xl > .row {
374
+ flex-direction: column-reverse;
375
+ }
376
+
377
+ .tabs {
378
+ position: relative !important;
379
+ }
380
+
381
+ .right-column {
382
+ margin: 1rem 0;
383
+ }
384
+ }