summaryrefslogtreecommitdiff
path: root/resources/views/home.blade.php
blob: b601d9f9e4bca5bc55e3d850c3c252f43bbd9e9e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
@extends('template')
@section('scripts')
<script type = "module" src = "/js/main.js"></script>
<script src = "js/hn.js" defer></script>
@endsection
@section('content')

<canvas id = "bg">
</canvas>

<section>
    <h5>December 2025</h5>
    <p>Welcome</p>
    <center> . . . </center>
</section>
UNDER CONSTRUCTION; APOLOGIES FOR LACKING FUNCTIONALITY. 
<section id = "fileupload-nojs">
    <div class = "widget" >
    <h4>File Upload</h4>
    <h6><a href = "/f">Browse Uploaded Files</a></h6>
    <form action="/f" method="POST" enctype="multipart/form-data">
        @csrf
        @error('f')  {{ $message }}  @enderror
        <input id = "input-file" multiple name="f[]" type="file">
        <input hidden name = "response_format" value = "html" />
        <button type = "submit">Upload</button>
    </form>
    </div>
</section>

<section>
    <div class="widget">
        <div class="widget-header">
            <h4>Hacker News</h4>
            <button class="refresh-btn" onclick="refreshHackerNews()">↻</button>
        </div>
        <div class="search-container">
            <input
                type="text"
                class="search-input"
                id="hn-search-input"
                placeholder="Search Hacker News..."
                onkeypress="if(event.key === 'Enter') searchHackerNews()"
            >
            <button class="search-btn" onclick="searchHackerNews()">Search</button>
            <button class="clear-search-btn" onclick="clearHNSearch()" id="hn-clear-btn" style="display: none;">Clear</button>
        </div>
        <div class="sort-container">
            <button class="sort-btn active" onclick="setHNSort('top')" data-sort="top">Top</button>
            <button class="sort-btn" onclick="setHNSort('new')" data-sort="new">New</button>
            <button class="sort-btn" onclick="setHNSort('best')" data-sort="best">Best</button>
            <button class="sort-btn" onclick="setHNSort('ask')" data-sort="ask">Ask HN</button>
            <button class="sort-btn" onclick="setHNSort('show')" data-sort="show">Show HN</button>
        </div>
        <div class="widget-content" id="hackernews-feed">
            <div class="loading">Refresh feed to load hackernews posts</div>
        </div>
    </div>
</section>

<section class = "widget" id = "dunechapterexcerpts" hx-get = "/dq" hx-trigger = "load,click" hx-swap = "innerHTML">
    <h4>random dune pre-chapter quote goes here (under construction)</h4>
</section>
<footer>
    <p>Last updated December 25th, 2025</p>
</footer>
@endsection
</html>