Select Text read_text.html

view_log.html

<!-- view_log.html -->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>view_log.html</title>

    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='css/dark.css') }}"
    />
    <style>
      .media-container {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0; /* Spacing above and below the section */
      }

      .media-item {
        margin: 10px; /* Spacing between items */
        padding: 10px;
        border: 1px solid #ccc; /* Optional: for visibility */
        border-radius: 8px; /* Optional: rounded corners */
        width: calc(30% - 20px); /* Adjust for responsive layout */
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Optional: adds shadow effect */
        text-align: center; /* Centering text */
      }
      .mediaitem {
        margin: 10px; /* Spacing between items */
        padding: 10px;
        border: 1px solid #ccc; /* Optional: for visibility */
        border-radius: 8px; /* Optional: rounded corners */
        width: calc(20% - 20px); /* Adjust for responsive layout */
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Optional: adds shadow effect */
        text-align: center; /* Centering text */
      }
      button {
        padding: 10px 15px; /* Consistent padding */
        font-size: 1.6vw; /* Better sizing */
        cursor: pointer;
        margin-bottom: 5px; /* Space below button */
      }

      .audio-label {
        display: block; /* Set to block for better spacing */
        margin-top: 5px; /* Add some space above the label */
        color: orange; /* Add color */
        word-wrap: break-word; /* Wrap text if too long */
      }
      video {
        width: 250px;
        height: auto;
      }
      .ltblue {
        background-color: lightblue;
        
      }
      .ltgreen {
        background-color: lightgreen;

        
      }
      .dred {
        background-color: darkred;

        
      }
      ul li {
        list-style-type: none;
        color: lightgreen;
        font-size: 20px;
      }


    </style>
  </head>
  <body>
    <a href="/readlog"><button>Refresh</button></a><br />
    <a href="/delete_log"><button class = "dred">Delete Log</button></a><br />
    <a href="/"><button>Home</button></a>
    <h1>view_log.html</h1>
    <p>The log file created by logit function.</p>


<ul>
    {% for log in log_content %}
        <li>{{ log }}</li>
    {% endfor %}
</ul>
Back to file list