<!DOCTYPE html >
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title></title>
    <link href="/css/style.css" rel="stylesheet">
</head>
<body>
<jl-header data-title="URL Kürzer V1"></jl-header>
<div id="content">
    <h2><span style="color: #ff0000;">Du betrachtest Version 1. Zu Version 2 geht es <a href="/projekte/urlkuerzer2.html"
                                                                                        style="color: #ff0000;">hier</a></span>
    </h2>
    <h2> </h2>

    <p>Da Google seinen URL kürzer leider einstellt (vgl. <a
            href="https://developers.googleblog.com/2018/03/transitioning-google-url-shortener.html">https://developers.googleblog.com/2018/03/transitioning-google-url-shortener.html</a> ),
        habe ich mir das Ziel genommen selber einen schnellen URL kürzer ohne Werbung (wie z.b. <a
                href="https://adf.ly/">adf.ly</a>) zu schreiben. Zum Einsatz kommt dabei PHP für das Frontend Python für
        die SQL abfragen und MySQL als Datenbank.</p>
    <p>Wenn ihr den Quellcode verwenden wollt müsst ihr in eurem Webserver noch ein Alias konfigurieren. Für Apache
        würde dieser beispielhaft folgendermaßen lauten:</p>
    <p><em>AliasMatch "^/(.*)" "/var/www/url_shorter/index.php"</em></p>
    <p>Der Kürzer ist unter <a href="https://kurz.ml">kurz.ml</a> erreichbar.</p>
    <p><img src="/API/getFile.php?filename=img/URL-kuerzer1.png"></p>
    <p><strong>Update:</strong> Da das alte Design nicht besonders schön aussah habe ich mich dazu entschlossen ein
        neues Design zu verwenden, welches jetzt auf <a href="https://getbootstrap.com/">Bootstrap</a> basiert. Das
        Design ist <a href="https://kurz.ml/design">hier</a> zu finden. Für die Benachrichtigungen unten rechts habe ich
        das <a href="https://github.com/kamranahmedse/jquery-toast-plugin">jquery-toast-plugin</a> von kamranahmedse
        verwendet. Desweiteren kann man sich in der neuen Version auch einen Link selber aussuchen. Die Weiterleitung
        blieb gleich wie vorher, dass heißt die alten links bleiben weiterhin bestehen und werden auch in Zukunft noch
        funktionieren. Eine weitere Anpassung, welche noch gemacht werden muss ist, dass er files Ordner auf einen
        anderen (sub)domain ausgelagert werden muss und in der index.php angepasst werden muss.</p><br>
    <a href="/API/getFile.php?filename=files/shorter.zip">
        <button>Download</button>
    </a>
    <h2>Kommentare:</h2>
    <jl-comments_display></jl-comments_display>
    <jl-new_comment id="newComment"></jl-new_comment>
</div>
<jl-footer></jl-footer>

<script async defer src='https://hCaptcha.com/1/api.js'></script>
<script src="/js/script.js"></script>