Progressive-Pomodoro/about.html at main · Effectforward/Progressive-Pomodoro · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>About Muhammad Ibraheem | Progressive Pomodoro</title>
  <meta name="description" content="About Muhammad Ibraheem, the developer behind ProgPomo, a free adaptive focus timer. An IT student who loves programming and Linux.">
  <link rel="icon" href="images/favicon-32.png" sizes="32x32">
  <link rel="icon" type="image/svg+xml" href="images/logo.svg">
  <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
  <link rel="canonical" href="https://progpomo.pages.dev/about.html">
  <link rel="preload" href="fonts/nunito-latin.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="css/pages.css">
  <link rel="stylesheet" href="fonts/nunito.css">
  <meta property="og:title" content="About Muhammad Ibraheem | Progressive Pomodoro">
  <meta property="og:description" content="About Muhammad Ibraheem, the developer behind ProgPomo, an IT student who loves programming and Linux.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://progpomo.pages.dev/about.html">
  <meta property="og:image" content="https://progpomo.pages.dev/images/og.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="Progressive Pomodoro, a free adaptive focus timer">
  <meta property="og:site_name" content="Progressive Pomodoro">
  <meta property="og:locale" content="en_US">
  <meta name="twitter:card" content="summary_large_image">
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "AboutPage",
    "name": "About Muhammad Ibraheem",
    "url": "https://progpomo.pages.dev/about.html",
    "description": "About Muhammad Ibraheem, the developer behind ProgPomo, an IT student who loves programming and Linux.",
    "mainEntity": {
      "@type": "Person",
      "name": "Muhammad Ibraheem",
      "description": "IT student at the University of Gujrat in Pakistan. I love programming and Linux, and I built ProgPomo to fit how I actually work.",
      "url": "https://progpomo.pages.dev/about.html",
      "jobTitle": "IT student",
      "sameAs": [
        "https://github.com/Effectforward",
        "https://www.linkedin.com/in/effectforward"
      ]
    }
  }
  </script>
</head>
<body>
  <header>
    <div class="wrap">
      <a class="logo" href="index.html">Progressive Pomodoro</a>
      <nav class="site-nav">
        <a href="about.html">About the developer</a>
        <a href="landing.html">About the technique</a>
      </nav>
    </div>
  </header>

  <main class="wrap">
    <section class="bio">
      <h1>About Muhammad Ibraheem</h1>
      <p>Hi, I'm Muhammad Ibraheem. I study Information Technology at the University of Gujrat in Pakistan. I got into Linux in college and it kind of took over, so most of my free time goes to programming, tinkering, and breaking things until they work.</p>
      <div class="links">
        <a class="link-btn" href="https://github.com/Effectforward" rel="noopener" target="_blank">GitHub</a>
        <a class="link-btn" href="https://www.linkedin.com/in/effectforward/" rel="noopener" target="_blank">LinkedIn</a>
      </div>
    </section>

    <section class="prose">
      <h2>Why I built ProgPomo</h2>
      <p>I couldn't find a timer that fit how I actually work. A fixed 25-minute session sounds great until your focus breaks at ten minutes and you're stuck staring at a clock. I kept feeling like the tool was built for a version of me that doesn't exist.</p>
      <p>So I made this one. Start short, rate how it went, and it grows with you. Then university got busy and the project sat untouched for months. When I came back I decided to actually finish it, put it online, and leave it free for anyone who wants it. Everything stays in your browser, nothing leaves it.</p>
    </section>
  </main>

  <footer>
    <div class="wrap">
      <a href="landing.html">About the technique</a>
      <p>Based on the Progressive Pomodoro technique by <a href="https://www.youtube.com/watch?v=qtoysJSQTn8" rel="noopener" target="_blank">Mike Rapadas</a>.</p>
    </div>
  </footer>
</body>
</html>