matybohacek commited on
Commit
fbcaa34
·
verified ·
1 Parent(s): 796ba5b

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +113 -99
README.md CHANGED
@@ -6,110 +6,124 @@ colorTo: green
6
  sdk: static
7
  pinned: false
8
  ---
9
- <!DOCTYPE html>
10
- <html lang="en">
11
- <head>
12
- <meta charset="UTF-8">
13
- <title>Lab Datasets</title>
14
- <style>
15
- body {
16
- font-family: "Helvetica Neue", Arial, sans-serif;
17
- margin: 20px;
18
- padding: 0;
19
- }
20
 
21
- h1, h2 {
22
- margin: 1rem 0;
23
- text-align: left;
24
- }
25
 
26
- /* Container for each category */
27
- .category {
28
- margin-bottom: 2rem;
29
- }
30
 
31
- /* Responsive row of squares */
32
- .grid {
33
- display: flex;
34
- flex-wrap: wrap; /* allow wrapping on smaller screens */
35
- gap: 1rem; /* space between blocks */
36
- }
37
 
38
- /* Each square card */
39
- .card {
40
- width: 200px; /* fixed width */
41
- height: 200px; /* fixed height => perfect square */
42
- border: 2px solid #000; /* solid black border */
43
- display: flex; /* center text horizontally & vertically */
44
- align-items: center;
45
- justify-content: center;
46
- text-decoration: none; /* remove underline on links */
47
- color: #000; /* text color */
48
- background-size: cover; /* fill entire block */
49
- background-position: center;/* center the image */
50
- background-repeat: no-repeat;
51
- font-weight: bold;
52
- text-align: center;
53
- padding: 1rem;
54
- box-sizing: border-box; /* so padding doesn’t break the fixed size */
55
- }
 
56
 
57
- /* Optional: reduce square size on very narrow screens */
58
- @media (max-width: 600px) {
59
- .card {
60
- width: 150px;
61
- height: 150px;
62
- }
63
- }
64
- </style>
65
- </head>
66
- <body>
 
 
 
 
 
 
 
 
 
67
 
68
- <h1>Lab Datasets</h1>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
69
 
70
- <!-- Deepfakes Category -->
71
- <div class="category">
72
- <h2>Deepfakes</h2>
73
- <div class="grid">
74
- <!-- Example: DeepSpeak v1.0 -->
75
- <a class="card" href="https://huggingface.co/your-org/DeepSpeak-v1.0"
76
- style="background-image: url('https://huggingface.co/spaces/faridlab/README/resolve/main/deepaction-v1.png');">
77
- DeepSpeak v1.0
78
- </a>
79
- <!-- DeepSpeak v1.1 -->
80
- <a class="card" href="https://huggingface.co/your-org/DeepSpeak-v1.1"
81
- style="background-image: url('https://via.placeholder.com/400?text=DeepSpeak+v1.1');">
82
- DeepSpeak v1.1
83
- </a>
84
- <!-- DeepSpeak v2.0 -->
85
- <a class="card" href="https://huggingface.co/your-org/DeepSpeak-v2.0"
86
- style="background-image: url('https://via.placeholder.com/400?text=DeepSpeak+v2.0');">
87
- DeepSpeak v2.0
88
- </a>
89
- </div>
90
- </div>
91
- <!-- Text to Video Category -->
92
- <div class="category">
93
- <h2>Text to Video</h2>
94
- <div class="grid">
95
- <!-- DeepAction -->
96
- <a class="card" href="https://huggingface.co/your-org/DeepAction"
97
- style="background-image: url('https://via.placeholder.com/400?text=DeepAction');">
98
- DeepAction
99
- </a>
100
- </div>
101
- </div>
102
- <!-- Membership Inference Category -->
103
- <div class="category">
104
- <h2>Membership Inference</h2>
105
- <div class="grid">
106
- <!-- STROLL -->
107
- <a class="card" href="https://huggingface.co/your-org/STROLL"
108
- style="background-image: url('https://via.placeholder.com/400?text=STROLL');">
109
- STROLL
110
- </a>
111
- </div>
112
- </div>
113
 
114
- </body>
115
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  sdk: static
7
  pinned: false
8
  ---
 
 
 
 
 
 
 
 
 
 
 
9
 
 
 
 
 
10
 
11
+ <h1 style="font-family:'Helvetica Neue', Arial, sans-serif;">Lab Datasets</h1>
 
 
 
12
 
13
+ <!-- Deepfakes: 3 boxes side by side -->
14
+ <h2 style="font-family:'Helvetica Neue', Arial, sans-serif;">Deepfakes</h2>
15
+ <div style="display:flex; gap:10px;">
 
 
 
16
 
17
+ <!-- DeepSpeak v1.0 -->
18
+ <a href="https://huggingface.co/your-org/DeepSpeak-v1.0"
19
+ style="
20
+ width:200px;
21
+ height:200px;
22
+ border:2px solid black;
23
+ background-image:url('https://huggingface.co/spaces/faridlab/README/resolve/main/deepaction-v1.png');
24
+ background-size:cover;
25
+ background-position:center;
26
+ display:flex;
27
+ align-items:center;
28
+ justify-content:center;
29
+ font-family:'Helvetica Neue', Arial, sans-serif;
30
+ font-weight:bold;
31
+ color:black;
32
+ text-decoration:none;
33
+ ">
34
+ DeepSpeak v1.0
35
+ </a>
36
 
37
+ <!-- DeepSpeak v1.1 -->
38
+ <a href="https://huggingface.co/your-org/DeepSpeak-v1.1"
39
+ style="
40
+ width:200px;
41
+ height:200px;
42
+ border:2px solid black;
43
+ background-image:url('https://via.placeholder.com/300?text=DeepSpeak+v1.1');
44
+ background-size:cover;
45
+ background-position:center;
46
+ display:flex;
47
+ align-items:center;
48
+ justify-content:center;
49
+ font-family:'Helvetica Neue', Arial, sans-serif;
50
+ font-weight:bold;
51
+ color:black;
52
+ text-decoration:none;
53
+ ">
54
+ DeepSpeak v1.1
55
+ </a>
56
 
57
+ <!-- DeepSpeak v2.0 -->
58
+ <a href="https://huggingface.co/your-org/DeepSpeak-v2.0"
59
+ style="
60
+ width:200px;
61
+ height:200px;
62
+ border:2px solid black;
63
+ background-image:url('https://via.placeholder.com/300?text=DeepSpeak+v2.0');
64
+ background-size:cover;
65
+ background-position:center;
66
+ display:flex;
67
+ align-items:center;
68
+ justify-content:center;
69
+ font-family:'Helvetica Neue', Arial, sans-serif;
70
+ font-weight:bold;
71
+ color:black;
72
+ text-decoration:none;
73
+ ">
74
+ DeepSpeak v2.0
75
+ </a>
76
 
77
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
78
 
79
+ <!-- Text to Video: 1 box -->
80
+ <h2 style="font-family:'Helvetica Neue', Arial, sans-serif;">Text to Video</h2>
81
+ <div style="display:flex; gap:10px;">
82
+
83
+ <!-- DeepAction -->
84
+ <a href="https://huggingface.co/your-org/DeepAction"
85
+ style="
86
+ width:200px;
87
+ height:200px;
88
+ border:2px solid black;
89
+ background-image:url('https://via.placeholder.com/300?text=DeepAction');
90
+ background-size:cover;
91
+ background-position:center;
92
+ display:flex;
93
+ align-items:center;
94
+ justify-content:center;
95
+ font-family:'Helvetica Neue', Arial, sans-serif;
96
+ font-weight:bold;
97
+ color:black;
98
+ text-decoration:none;
99
+ ">
100
+ DeepAction
101
+ </a>
102
+
103
+ </div>
104
+
105
+ <!-- Membership Inference: 1 box -->
106
+ <h2 style="font-family:'Helvetica Neue', Arial, sans-serif;">Membership Inference</h2>
107
+ <div style="display:flex; gap:10px;">
108
+
109
+ <!-- STROLL -->
110
+ <a href="https://huggingface.co/your-org/STROLL"
111
+ style="
112
+ width:200px;
113
+ height:200px;
114
+ border:2px solid black;
115
+ background-image:url('https://via.placeholder.com/300?text=STROLL');
116
+ background-size:cover;
117
+ background-position:center;
118
+ display:flex;
119
+ align-items:center;
120
+ justify-content:center;
121
+ font-family:'Helvetica Neue', Arial, sans-serif;
122
+ font-weight:bold;
123
+ color:black;
124
+ text-decoration:none;
125
+ ">
126
+ STROLL
127
+ </a>
128
+
129
+ </div>