Timot05.github.io/photon.html at master · Timot05/Timot05.github.io · GitHub

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
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Photon - Dining Pendant Lamp - SARK</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        'sans': ['Inter', 'system-ui', 'sans-serif']
                    }
                }
            }
        }
    </script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body class="bg-gray-50 font-sans">
    <!-- Header -->
    <header class="bg-white shadow-sm">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center py-6">
                <a href="index.html" class="hover:opacity-80 transition-opacity"><img src="logo.svg" alt="SARK" class="h-12"></a>

            </div>
        </div>
    </header>

    <!-- Content -->
    <main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div class="bg-white rounded-lg shadow-md p-8">
            <h1 class="text-4xl md:text-5xl font-light text-gray-900 mb-8">Photon - Dining Pendant Lamp</h1>
            <div class="prose prose-lg max-w-none">
                <img src="static/images/Photon/photon_front.jpg" alt="Photon Lamp Hero" class="w-full rounded-lg mb-8">
                <p class="text-lg text-gray-700 mb-8">
                    This lamp started off with a beam of wood. A thin plate of stainless steel floats just under it. The six LEDs that are placed throughout the beam shine a warm light towards the table. Photon also provides a soft ambiance illumination as the light reflects on the steel towards the ceiling and the lamp's sides through the gap between the metal and the wood.
                </p>

                <img src="static/images/Photon/photon_general_34_top.jpg" alt="General picture of photon" class="w-full rounded-lg mb-8">

                <p class="text-lg text-gray-700 mb-8">
                    The sheets of metal are laser cut. The lower reflective plate reflects the light and serves as a heat sink for the LEDs too.
                </p>

                <img src="static/images/Photon/photon_long_exposure.jpeg" alt="Picture of photon" class="w-full rounded-lg mb-8">

                <img src="static/images/Photon/photon_general_side.jpg" alt="Picture of photon" class="w-full rounded-lg mb-8">

                <p class="text-lg text-gray-700 mb-8">
                    To provide an original design, I selected a four wire square configuration to support the lamp. This wire configuration requires to user to tune the length of each wire to enable the lamp to sit horizontally. To make things simple, I introduced a system that enables to tweak the length using two screws only (one for each rotation axis, X and Y). The height can be changed too.
                </p>

                <img src="static/images/Photon/photon_close_top_right.jpg" alt="Picture of photon" class="w-full rounded-lg mb-8">

                <p class="text-lg text-gray-700 mb-8">
                    The spec sheet for the lamp can be found here.
                </p>

                <img src="static/images/Photon/photon_design.jpg" alt="Picture of photon" class="w-full rounded-lg mb-8">
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="bg-gray-800 text-white py-8 mt-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <p>&copy; 2025 SARK. All rights reserved.</p>
        </div>
    </footer>
</body>
</html>