diff --git a/templates/fakeyou/assets/patrons-img.png b/templates/fakeyou/assets/patrons-img.png new file mode 100644 index 0000000000..d432b16c3c Binary files /dev/null and b/templates/fakeyou/assets/patrons-img.png differ diff --git a/templates/fakeyou/index.html b/templates/fakeyou/index.html index cb5d2b18d1..70e6c8efac 100644 --- a/templates/fakeyou/index.html +++ b/templates/fakeyou/index.html @@ -83,7 +83,7 @@ class="navbar-nav justify-content-start align-items-lg-center flex-grow-1 pe-3" > @@ -103,9 +103,15 @@ class="dropdown-menu" aria-labelledby="offcanvasNavbarLgDropdown" > -
  • TTS
  • - Video + TTS +
  • +
  • + Video
  • @@ -125,25 +131,42 @@ aria-labelledby="offcanvasNavbarLgDropdown" >
  • - Contribute/Upload + Contribute/Upload
  • - Leaderboard + Leaderboard
  • - Patrons + Patrons
  • - Feed + Feed +
  • +
  • +
  • + My Data +
  • +
  • +
  • + About Us
  • - My Data -
  • -
  • - About Us -
  • -
  • - Terms of Use + Terms of Use
  • @@ -207,7 +230,7 @@ -
    +

    Create TTS @@ -217,36 +240,65 @@
    - - +
    +
    + + + + +
    +
    + + + + +
    +
    - -
    + +
    - >> See more details about the "Frank Sinatra" by - Vegito1089>> See more details about the "Cave Johnson (Portal 2 DLC) + (J. K. Simmons)" by Vanceagher
    -
    +
    @@ -276,7 +328,7 @@
    -
    +

    Session TTS Results

    diff --git a/templates/fakeyou/patrons.html b/templates/fakeyou/patrons.html new file mode 100644 index 0000000000..005cff56b8 --- /dev/null +++ b/templates/fakeyou/patrons.html @@ -0,0 +1,374 @@ + + + + + + + + + + + + + + + + + + FakeYou. Deep Fake Text to Speech. + + +
    +
    +
    +
    + + + +
    +
    +
    +

    Thanks to our Patrons!

    +

    Our Patrons help support our work.

    +

    + Our Patrons help pay offset (but not completely cover) our + expensive server bills. +

    +
    + +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Our Patrons

    +
    +
    +
    + Lordmau5 — $103.05
    + Manan AI — $75
    + Alin A. — $75
    + Tyler B. — $55
    + CamJam33 — $43.4
    + EYYCHEEV — $42.75 +
    +
    + Ashleyrath — $33.39
    + V — $30
    + Koen m. — $30
    + Ginger B. — $25
    + Peter B. — $24
    + Morgan B. — $20 +
    +
    + Anthony A. — $15
    + Jarrett B. — $15
    + Lou M. — $10
    + Kazuya M. — $5
    + Ajay R. — $1 +
    +
    + + +
    +
    +
    + +
    +

    + Patrons will get first looks at new features, get dedicated access to + Patron-only Discord channels, can ask for specific voices from our + in-house audio engineers, and more! +

    + Please consider donating on Patreon. +

    +
    + +
    +
    +
    + + +
    + + + + + + + + + + + + diff --git a/templates/fakeyou/style.css b/templates/fakeyou/style.css index 428f706327..599425b470 100644 --- a/templates/fakeyou/style.css +++ b/templates/fakeyou/style.css @@ -88,6 +88,11 @@ code { background-color: rgba(255, 255, 255, 0.06); } +img { + z-index: 1; + image-rendering: smooth; +} + #particles-js { position: absolute; width: 100%; @@ -141,6 +146,7 @@ code { .dropdown-item { font-size: 15px; font-weight: 600; + padding: 0.5rem 1rem; } .dropdown-item:active { @@ -214,7 +220,7 @@ code { .btn-secondary:focus, .btn-secondary:active { background-color: #fff; - color: #443a40; + color: #212529; border: 2.5px solid; border-color: #fff; transition: 0.2s; @@ -222,7 +228,7 @@ code { .btn-secondary:hover { background-color: #ccc; - color: #443a40; + color: #212529; border: 2.5px solid; border-color: #ccc; } @@ -244,6 +250,12 @@ code { border-color: #fdcfce; } +.btn-inform { + height: 100%; + padding: 0 0.75rem; + font-size: 22px; +} + .nav-login { font-size: 15px; font-weight: 600; @@ -323,9 +335,13 @@ h2.panel-title { padding-bottom: 10px; } -.input-icon .form-control, +.input-icon .form-control { + padding-left: 2.375rem; +} + .input-icon .form-select { padding-left: 2.375rem; + padding-right: 2.375rem; } .input-icon .form-control-feedback { @@ -337,12 +353,16 @@ h2.panel-title { line-height: 2.375rem; text-align: center; pointer-events: none; - color: #443a40; + color: #212529; + opacity: 0.9; } -.form-control { +.form-control, +.form-select { border-width: 1px; border-color: #fff; + border-radius: 5px; + padding: 0.5rem 0.75rem; } .form-control:focus, @@ -426,7 +446,7 @@ h2.panel-title { .video-card-body { position: absolute; - z-index: 1; + z-index: 2; left: 0; bottom: 0; padding: 0.75rem; @@ -496,6 +516,10 @@ h2.panel-title { width: 20px; } +.patron-img { + width: 400px; +} + @media (min-width: 992px) { .panel-title { position: absolute; diff --git a/templates/storyteller-stream/style.css b/templates/storyteller-stream/style.css index 827f2d2203..abebd00328 100644 --- a/templates/storyteller-stream/style.css +++ b/templates/storyteller-stream/style.css @@ -198,6 +198,10 @@ img { border-radius: 8px; } +.lead { + font-size: 18px; +} + .parent { position: relative; }