Select Text read_text.html

index_exp.html

<!DOCTYPE html>
<html>

<head>
    <title>Image Blending</title>

    <style>
        body {
            background-color: #2C2C2C;
            color: white;
            font-family: Arial, sans-serif;
        }

        .refresh-button {
            display: inline-block;
            padding: 5px 5px 5px 5px;
            margin: 10px 10px 10px 10px;

            font-size: 2em;
            background-color: orange;
            color: rgb(0, 0, 0);
            text-decoration: none;
            border-radius: 5px;
            margin: 1px;
        }

        .refresh-button2 {
            display: inline-block;
            padding: 5px 5px 5px 5px;
            margin: 10px 10px 10px 10px;

            font-size: 2em;
            background-color: rgb(255, 225, 0);
            color: rgb(0, 0, 0);
            text-decoration: none;
            border-radius: 5px;
            margin: 1px;
        }

        .refresh-button:hover {
            background-color: orange;
        }

        .sticky {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            background-color: orange;
            padding: 10px 0;
            z-index: 1000;
        }
    </style>
</head>

<body style="background-color: rgb(156, 23, 23);">
    <center>
        <h1 style="color: orange;">FlaskArchitect's Image Blending with Grayscale Mask</h1>

        <a href="{{ url_for('refresh_images') }}" class="refresh-button">Refresh
            Images</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{{ url_for('display_resources') }}" class="refresh-button">Display Resource
            Images</a><br /><br />
        <a href="{{ url_for('select_images') }}" class="refresh-button">Select Images to
            Blend</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{{ url_for('index_upload') }}" class="refresh-button">Upload a Specific Image</a><br /><br />
        <a href="{{ url_for('get_video_images') }}" class="refresh-button">Get Images via YouTube
            Videos</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{{ url_for('face_detect') }}" class="refresh-button">Image For Face Detection</a> <br /><br />
        <a href="{{ url_for('refresh_video') }}" class="refresh-button">Make Video</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{{ url_for('add_text') }}" class="refresh-button">Add Text</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{{ url_for('upload_image') }}" class="refresh-button">Add a Torn Edge
            Effect</a> <br /><br />

        <a href="{{ url_for('clean_archives') }}" class="refresh-button">Clean
            Archives</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{{ url_for('clean_storage') }}" class="refresh-button">Clean Movie
            Sources</a><br /> <br />
        <a href="{{ url_for('select_mask_image') }}" class="refresh-button">Mask
            -Choice-</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="{{ url_for('create_video') }}" class="refresh-button">Create Seamless Video</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="{{ url_for('mk_mask') }}" class="refresh-button">Custom Mask</a> <br /><br />
        <a href="{{ url_for('home2') }}" class="refresh-button2">Text/Search/Notes</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{{ url_for('rorschach') }}" class="refresh-button2">Create Rorschach</a><br /> <br /><br /> <br />
        <hr><br /> <br />
        <form action="/get_images" method="post">
            <button type="submit">Get Three Random Images</button>&nbsp;&nbsp; | &nbsp;&nbsp;
            <a style="color:yellow;" href=" {{ url_for('about') }}">About this Application</a>
        </form><br /> <br />


        <!--show images in store-->

        <!--h2>Stored Images</h2>
        <form action="/display_images" method="post">
            {% for image_path in image_paths %}
            &nbsp;<img src="{{ url_for('static', filename='archived-store/' + image_path.split('/')[-1]) }}"
                width="256px" height="384">

            {% endfor %}
        </form-->
        <h2>Recently Created Videos</h2><br /> <br />

        <video width="300" height="auto" controls>
            <source src="static/temp_exp/TEMP2.mp4" type="video/mp4">
        </video>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <video width="300" height="auto" controls>
            <source src="static/temp_exp/TEMP0.mp4" type="video/mp4">
        </video><br /><br />
        <video width="300" height="auto" controls>
            <source src="static/temp_exp/final_flipbook.mp4" type="video/mp4">
        </video>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <video width="300" height="auto" controls>
            <source src="static/temp_exp/TEMP1.mp4" type="video/mp4">

        </video>
    </center>
</body>

</html>
Back to file list