422 lines
17 KiB
Plaintext
422 lines
17 KiB
Plaintext
|
|
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=0">
|
|
<meta name="theme-color" content="#000000">
|
|
<title>Freesound - Login</title>
|
|
<meta name="description" content="Freesound: collaborative database of creative-commons licensed sound for musicians and sound lovers. Have you freed your sound today?">
|
|
<meta name="keywords" content="free, sound">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#fd5b65">
|
|
<meta name="theme-color" content="#fd5b65">
|
|
<meta name="msapplication-config" content="none" />
|
|
|
|
|
|
|
|
|
|
<link id="style" rel="stylesheet" href="/static/bw-frontend/dist/index.e9e6280b633e.css">
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<noscript>
|
|
You need to enable JavaScript to run this app.
|
|
</noscript>
|
|
|
|
|
|
<div class="modal " id="loginModal" tabindex="-1" role="dialog" aria-label="Login modal" aria-hidden="true">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<span class="close" data-dismiss="modal" aria-label="Close">
|
|
<span class="bw-icon-close ">
|
|
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="col-12">
|
|
<div class="text-center">
|
|
<h4 class="v-spacing-5">Log in to Freesound</h4>
|
|
<form id="loginForm" class="bw-form bw-form-less-spacing" method="post" action="/home/login/"><input type="hidden" name="csrfmiddlewaretoken" value="OENJEDIyCmcoXEKFCbltnYDFbsT4UjkkYSX1vJTyncQAXWDqAWh9cl1OkavuTvGp">
|
|
<p>
|
|
<label for="id_username">Username:</label>
|
|
<input type="text" name="username" autofocus autocapitalize="none" autocomplete="username" maxlength="150" placeholder="Enter your email or username" required id="id_username">
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
<label for="id_password">Password:</label>
|
|
<input type="password" name="password" autocomplete="current-password" placeholder="Enter your password" required id="id_password">
|
|
|
|
|
|
|
|
|
|
</p>
|
|
<input type="hidden" name="next" value="/people/InfiniteLifespan/sounds/266455/" />
|
|
<button type="submit" class="btn-primary v-spacing-top-2">Log in</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
|
|
<a class="v-spacing-top-3" data-toggle="problems-logging-in-modal">Problems logging in?</a>
|
|
|
|
</div>
|
|
<div class="modal-extra-info">
|
|
|
|
<a data-toggle="registration-modal">Don't have an account? Join now</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal " id="problemsLoggingInModal" tabindex="-1" role="dialog" aria-label="Problems logging in modal" aria-hidden="true">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<span class="close" data-dismiss="modal" aria-label="Close">
|
|
<span class="bw-icon-close ">
|
|
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="col-12">
|
|
<div class="text-center">
|
|
<h4 class="v-spacing-5">Problems logging in?</h4>
|
|
<div class="text-grey v-spacing-top-negative-1 v-spacing-4">
|
|
Enter your email or username below and we'll send you a link to help you login into your account.
|
|
</div>
|
|
<form id="problemsLoggingInModalForm" class="bw-form bw-form-less-spacing" method="post" action="/home/problems/"><input type="hidden" name="csrfmiddlewaretoken" value="OENJEDIyCmcoXEKFCbltnYDFbsT4UjkkYSX1vJTyncQAXWDqAWh9cl1OkavuTvGp">
|
|
<p>
|
|
|
|
<input type="text" name="username_or_email" maxlength="254" placeholder="Your email or username" required id="id_username_or_email">
|
|
|
|
|
|
|
|
|
|
</p>
|
|
<button id="recovery-account" type="submit" class="btn-primary v-spacing-top-2">Send me a link</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
|
|
<a class="v-spacing-top-3" data-link="loginModal"><span class="bw-icon-chevron bw-icon__chevron_left">
|
|
|
|
</span> Back to log in</a>
|
|
|
|
</div>
|
|
<div class="modal-extra-info">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal " id="feedbackRegistration" tabindex="-1" role="dialog" aria-label="Registration complete modal" aria-hidden="true">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<span class="close" data-dismiss="modal" aria-label="Close">
|
|
<span class="bw-icon-close ">
|
|
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="col-12">
|
|
<div class="text-center">
|
|
<h4 class="v-spacing-5">Almost there!</h4>
|
|
<p class="main-text">We've sent a verification link by email</p>
|
|
<p class="secondary-text">Didn't receive the email? Check your Spam folder, it may have been caught by a filter. If you still don't see it, you can <a href="/home/reactivate/">resend the verification email</a>.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
|
|
</div>
|
|
<div class="modal-extra-info">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal zindex2000" id="confirmationModal" tabindex="-1" role="dialog" aria-label="Confirmation modal" aria-hidden="true">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<span class="close" data-dismiss="modal" aria-label="Close">
|
|
<span class="bw-icon-close ">
|
|
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="text-center">
|
|
<h4 id="confirmationModalTitle">Default title</h4>
|
|
<div id="confirmationModalHelpText" class="v-spacing-top-2"></div>
|
|
<div class="row v-spacing-top-4 v-spacing-3">
|
|
<div class="col-4 offset-2">
|
|
<form id="confirmationModalAcceptSubmitForm" method="post" action=""><input type="hidden" name="csrfmiddlewaretoken" value="OENJEDIyCmcoXEKFCbltnYDFbsT4UjkkYSX1vJTyncQAXWDqAWh9cl1OkavuTvGp">
|
|
<button type="submit" class="btn-primary">Yes</button>
|
|
</form>
|
|
</div>
|
|
<div class="col-4">
|
|
<button class="btn-secondary" data-dismiss="modal">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
|
|
</div>
|
|
<div class="modal-extra-info">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="genericModalWrapper"></div>
|
|
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
|
<div class="toast-body"></div>
|
|
</div>
|
|
<div class="notifications-wrapper"></div>
|
|
|
|
<div class="bw-page" aria-hidden="false">
|
|
|
|
|
|
|
|
<nav class="bw-nav">
|
|
<div class="container bw-nav__container">
|
|
<form method="get" action="/search/">
|
|
<div class="bw-nav__logo-search-container">
|
|
<div class="bw-nav__logo">
|
|
<a href="/" class="no-hover"></a>
|
|
</div>
|
|
<div class="input-wrapper">
|
|
<input name="q" type="search" placeholder="Search sounds..." autocomplete="off" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<ul class="bw-nav__actions" role="menu">
|
|
<li class="bw-nav__action d-none d-lg-flex">
|
|
<a class="bw-link--grey font-weight-bold" href="/browse/" role="menuitem">Sounds</a>
|
|
</li>
|
|
<li class="bw-nav__action d-none d-lg-flex">
|
|
<a class="bw-link--grey font-weight-bold" href="/browse/tags/" role="menuitem">Tags</a>
|
|
</li>
|
|
<li class="bw-nav__action d-none d-lg-flex">
|
|
<a class="bw-link--grey font-weight-bold" href="/forum/" role="menuitem">Forum</a>
|
|
</li>
|
|
<li class="bw-nav__action d-none d-lg-flex">
|
|
<a class="bw-link--grey font-weight-bold" href="/browse/geotags/" role="menuitem">Map</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown">
|
|
<a class="bw-link--grey bw-nav__menu dropdown-toggle no-hover bw-icon-ellipsis" id="three-dots-menu" aria-label="Menu"
|
|
data-toggle="dropdown" tabindex="0"></a>
|
|
<ul class="dropdown-menu" aria-labelledby="three-dots-menu">
|
|
<li class="bw-nav__action dropdown-item d-lg-none">
|
|
<a class="bw-link--black" href="/browse/">Sounds</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item">
|
|
<a class="bw-link--black" href="/browse/packs/">Packs</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item d-lg-none">
|
|
<a class="bw-link--black" href="/forum/">Forum</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item d-lg-none">
|
|
<a class="bw-link--black" href="/browse/geotags/">Map</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item d-lg-none">
|
|
<a class="bw-link--black" href="/browse/tags/">Tags</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item">
|
|
<a class="bw-link--black" href="/browse/random/">Random sound</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item">
|
|
<a class="bw-link--black" href="/charts/">Charts</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item d-lg-none">
|
|
<a class="bw-link--black" href="/donations/donate/">Donate</a>
|
|
</li>
|
|
<li class="bw-nav__action dropdown-item">
|
|
<a class="bw-link--grey" href="/help/faq/">Help</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="bw-nav__action">
|
|
<button class="btn-secondary" data-toggle="login-modal" data-target="#loginModal" role="menuitem">Log in</button>
|
|
</li>
|
|
<li class="bw-nav__action d-none d-lg-flex">
|
|
<button class="btn-primary" data-toggle="registration-modal" data-target="#registerModal" role="menuitem">Join</button>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<div class="container">
|
|
<div class="navbar-space-filler v-spacing-7 v-spacing-top-5">
|
|
|
|
<div class="no-paddings col-12 v-spacing-3">
|
|
<h1>Log in to Freesound</h1>
|
|
</div>
|
|
|
|
<div class="col-12 no-paddings v-spacing-5">
|
|
|
|
<div class="login-page-form">
|
|
<div class="row no-gutters">
|
|
<div class="v-spacing-5 v-spacing-top-5 col-lg-4">
|
|
<form class="bw-form bw-form-less-spacing" method="post" action="."><input type="hidden" name="csrfmiddlewaretoken" value="OENJEDIyCmcoXEKFCbltnYDFbsT4UjkkYSX1vJTyncQAXWDqAWh9cl1OkavuTvGp">
|
|
<p>
|
|
<label for="id_username">Username:</label>
|
|
<input type="text" name="username" autofocus autocapitalize="none" autocomplete="username" maxlength="150" placeholder="Enter your email or username" required id="id_username">
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
<label for="id_password">Password:</label>
|
|
<input type="password" name="password" autocomplete="current-password" placeholder="Enter your password" required id="id_password">
|
|
|
|
|
|
|
|
|
|
</p>
|
|
<input type="hidden" name="next" value="/people/InfiniteLifespan/sounds/266455/" />
|
|
<button type="submit" class="btn-primary v-spacing-top-2">Log in</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a class="bw-link--grey cursor-pointer" data-toggle="problems-logging-in-modal">Problems logging in?</a>
|
|
</div>
|
|
<div class="v-spacing-top-2">
|
|
<a class="bw-link--grey cursor-pointer" data-toggle="registration-modal">Don't have an account? Join now</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<footer class="bw-footer padding-7 v-spacing-top-6">
|
|
<div class="center">
|
|
<div class="footer-logo-container">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<a href="https://www.upf.edu/web/mtg" class="no-hover">
|
|
<img class="w-100" src="/static/bw-frontend/public/upf_logo.06e9f326ce68.png" />
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<a href="https://www.upf.edu/web/phonos/" class="no-hover">
|
|
<img class="w-100" src="/static/bw-frontend/public/phonos_logo.7c586cfd83d2.png" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row v-spacing-top-3 center">
|
|
<a class="bw-link--grey h-spacing-1" href="/help/about/">About Freesound</a>
|
|
<a class="bw-link--grey h-spacing-1" href="/help/tos_web/">Terms of use</a>
|
|
<a class="bw-link--grey h-spacing-1" href="/help/privacy/">Privacy</a>
|
|
<a class="bw-link--grey h-spacing-1" href="/help/cookies_policy/">Cookies</a>
|
|
<a class="bw-link--grey h-spacing-1" href="/help/developers/">Developers</a>
|
|
<a class="bw-link--grey h-spacing-1" href="/help/faq/">Help</a>
|
|
<a class="bw-link--grey h-spacing-1" href="/donations/donors/">Donations</a>
|
|
<a class="bw-link--grey h-spacing-1" href="https://blog.freesound.org">Blog</a>
|
|
<a class="bw-link--grey h-spacing-1" href="https://labs.freesound.org">Freesound Labs</a>
|
|
<a class="bw-link--grey h-spacing-1" href="/help/tshirt/">Get your t-shirt!</a>
|
|
</div>
|
|
<div class="center v-spacing-top-3">
|
|
<span>© 2026 Universitat Pompeu Fabra</span>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script defer data-domain="freesound.org" src="https://analytics.freesound.org/js/plausible.manual.js"></script>
|
|
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
|
|
<script>
|
|
let redactedUrl = window.location.href.replace(/\/\d+\//g, "/_ID_/"); // Replace numberic IDs
|
|
redactedUrl = redactedUrl.replace(/people\/([^/]+)\//ig, "people/_USERNAME_/"); // Replace usernames
|
|
redactedUrl = redactedUrl.replace(/browse\/geotags\/(\w+)\//ig, "browse/geotags/_TAG_/"); // Replace tag from geotags
|
|
redactedUrl = redactedUrl.replace(/browse\/tags\/.*/ig, "browse/tags/_TAGS_/"); // Replace multiple tags from tags page
|
|
if (redactedUrl.includes("/forum/")){ // Replace forum names, be careful with some hard coded URLs
|
|
if (!(redactedUrl.includes("/moderate/") || redactedUrl.includes("/forums-search/") || redactedUrl.includes("/hot-treads/"))){
|
|
redactedUrl = redactedUrl.replace(/forum\/([^/]+)\//ig, "forum/_FORUM_NAME_/"); // Replace forum name
|
|
}
|
|
}
|
|
redactedUrl = redactedUrl.replace(/activate\/([^/]+)\/([^/]+)\//ig, "activate/_USERNAME_/_CODE_/"); // Replace activation urls
|
|
redactedUrl = redactedUrl.replace(/reset\/([^/]+)\//ig, "reset/_CODE_/"); // Replace password reset
|
|
redactedUrl = redactedUrl.replace(/tickets\/([^/]+)\//ig, "tickets/_ID_/"); // Replace moderation tickets
|
|
plausible('pageview', { u: redactedUrl });
|
|
</script>
|
|
|
|
|
|
|
|
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js'></script>
|
|
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css' rel='stylesheet' />
|
|
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.7.2/mapbox-gl-geocoder.min.js'></script>
|
|
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.7.2/mapbox-gl-geocoder.css' type='text/css' />
|
|
<script type="text/javascript">
|
|
mapboxgl.accessToken = 'pk.eyJ1IjoiZnJlZXNvdW5kIiwiYSI6ImNrd3E0Mm9lbjBqM2Qyb2wwdmwxaWI3a3oifQ.MZkgLSByRuk_Xql67CySAg';
|
|
</script>
|
|
<script>
|
|
|
|
document.cookie = "preferSpectrogram=no;path=/";
|
|
document.cookie = "disallowSimultaneousAudioPlayback=no;path=/"
|
|
|
|
const userIsAuthenticated = false;
|
|
</script>
|
|
<script src="/static/bw-frontend/dist/index.2b66cae7a11f.js"></script>
|
|
|
|
|
|
</body>
|
|
</html>
|