website/index.html at main · OffPeakEngineer/website · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Off-Peak.Engineer builds sustainable, human-centered projects for accessibility, quality of life, and practical engineering.">
  <meta property="og:title" content="Off-Peak Engineer">
  <meta property="og:description" content="Sustainable, human-centered engineering projects from Off-Peak.Engineer.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://off-peak.engineer/">
  <meta property="og:image" content="https://off-peak.engineer/assets/images/banner.svg">
  <meta name="theme-color" content="#2B383A">
  <title>Off-Peak Engineer</title>
  <link rel="stylesheet" href="assets/css/normalize.css">
  <link rel="stylesheet" href="assets/css/skeleton.css">
  <link rel="stylesheet" href="assets/css/custom.css">
</head>

<body>
  <div class="banner">
    <img src="assets/images/banner.svg" alt="Off-Peak Engineer Logo">
  </div>
  <div class="container">

    <main>
      <section class="hero">
        <h1 class="text-shadow">Engineering for humans, not burnout.</h1>
        <p>Off-Peak.Engineer is ShipLift LLC's creative lab for sustainable, accessibility-focused projects that improve everyday quality of life.</p>
        <div class="cta-row">
          <a class="button" href="https://www.printables.com/@OddInventor/models" target="_blank" rel="noopener noreferrer">Explore Free Builds</a>
          <a class="button" href="https://www.patreon.com/oddinventor" target="_blank" rel="noopener noreferrer">Support the Work</a>
        </div>
      </section>

      <section>
        <h2>What Makes Us Off-Peak Engineers?</h2>
        <p>We build practical tools and assistive ideas on a sustainable cadence. The goal is durable impact: open designs, thoughtful iteration, and systems people can actually live with and share.</p>
      </section>

      <section>
        <ul class="impact-strip">
          <li>50+ open-source 3D printable models</li>
          <li>Accessibility and quality-of-life focus</li>
          <li>Built under the Off-Peak.Engineer initiative</li>
        </ul>
      </section>

      <section>
        <h2>Projects</h2>
      </section>
      <section>
        <div class="card">
          <img src="assets/images/patreon.jpg" alt="Odd Inventor Picture with Patreon Logo Overlay" loading="lazy">
          <div class="card-content">
            <h3>The Odd Inventor</h3>
            <p>Follow the builds, prototypes, and behind-the-scenes process from the original Off-Peak Engineer.</p>
            <a class="button" href="https://www.patreon.com/oddinventor" target="_blank" rel="noopener noreferrer">The Odd Inventor</a>
          </div>
        </div>
      </section>
      <section>
        <div class="card">
          <img src="assets/images/printables.svg" alt="Printables.com Logo" loading="lazy">
          <div class="card-content">
            <h3>Check Us Out On Printables</h3>
            <p>We've released over 50 free, open-source 3D printable models.</p>
            <a class="button" href="https://www.printables.com/@OddInventor/models" target="_blank" rel="noopener noreferrer">Printables.com</a>
          </div>
        </div>
      </section>
      <section>
        <div class="card">
          <img src="assets/images/ebay.svg" alt="eBay.com logo" loading="lazy">
          <div class="card-content">
            <h3>Buy Our Stuff!</h3>
            <p>We build things, we find things, we make things. Sometimes we have extras, sometimes we have specifics. Check out the merch, you might be surprised what you find.</p>
            <a class="button" href="https://www.ebay.com/usr/oddinventor" target="_blank" rel="noopener noreferrer">Odd Inventor's eBay Store</a>
          </div>
        </div>
      </section>
      <section>
        <div class="card">
          <img src="assets/images/osmos.svg" alt="Osmos Logo" loading="lazy">
          <div class="card-content">
            <h3>Osmos for Android Rereleased!</h3>
            <p>In partnership with Hemisphere Games, we helped bring the award-winning Osmos back to Android.</p>
            <div class="card-actions">
              <a class="button" href="https://play.google.com/store/apps/details?id=com.hemispheregames.osmos" target="_blank" rel="noopener noreferrer">Osmos on Google Play</a>
              <a class="button" href="https://apps.apple.com/us/app/osmos/id382991304" target="_blank" rel="noopener noreferrer">Osmos is for Apple too!</a>
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="card">
          <img src="assets/images/github.svg" alt="GitHub Logo" loading="lazy">
          <div class="card-content">
            <h3>We're also on GitHub</h3>
            <p>Projects like DriveKeys need code as well as hardware. You can find source, experiments, and updates on GitHub.</p>
            <a class="button" href="https://github.com/OffPeakEngineer" target="_blank" rel="noopener noreferrer">Off-Peak GitHub</a>
          </div>
        </div>
      </section>

      <section>
        <h2>About</h2>
        <div class="card">
          <img src="assets/images/conner-shiplift.svg" alt="Conner + ShipLift Logo" loading="lazy">
          <div class="card-content">
            <h3>Brought to you by ShipLift.io</h3>
            <p>Off-Peak is ShipLift LLC's creative incubator for new ideas. ShipLift.io handles the core B2B work while Off-Peak stays focused on public-good engineering.</p>
            <a class="button" href="https://shiplift.io" target="_blank" rel="noopener noreferrer">ShipLift.io</a>
          </div>
        </div>
      </section>
    </main>
  </div>
  <footer>
    <p>&copy; 2024-2026 Off-Peak.Engineer is a ShipLift LLC brand. All rights reserved.</p>
    <p>Want to collaborate? Start on <a href="https://github.com/OffPeakEngineer" target="_blank" rel="noopener noreferrer">GitHub</a>.</p>
  </footer>
</body>

</html>