<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ryan Checora - Mobile App Developer</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
  <style>
    /* Variables */
    :root {
      --color-bg: #f4f7fa;
      --color-card: #ffffff;
      --color-primary: #2c3e50;
      --color-accent: #3498db;
      --color-text: #333333;
      --radius: 10px;
      --spacing: 1.5rem;
      --transition: 0.3s;
    }

    /* Reset & Base */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { font-size: 16px; scroll-behavior: smooth; }
    body {
      font-family: 'Poppins', sans-serif;
      background: var(--color-bg);
      color: var(--color-text);
      line-height: 1.6;
      padding: var(--spacing);
    }

    /* Container */
    .container {
      max-width: 1000px;
      margin: 0 auto;
      padding: var(--spacing) 0;
    }

    /* Fade-in Animation */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    section {
      opacity: 0;
      animation: fadeInUp 0.8s ease forwards;
    }
    section:nth-of-type(1) { animation-delay: 0.2s; }
    section:nth-of-type(2) { animation-delay: 0.4s; }
    section:nth-of-type(3) { animation-delay: 0.6s; }
    section:nth-of-type(4) { animation-delay: 0.8s; }
    section:nth-of-type(5) { animation-delay: 1s; }

    /* Header Hero */
    header {
      text-align: center;
      padding: var(--spacing) 0;
    }
    header h1 {
      font-size: 2.5rem;
      color: var(--color-primary);
      margin-bottom: 0.5rem;
    }
    header p {
      font-size: 1.125rem;
      color: var(--color-text);
      max-width: 700px;
      margin: 0.5rem auto;
    }
    .badges {
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin-top: 1rem;
    }
    .badges img {
      height: 45px;
      transition: transform var(--transition);
    }
    .badges img:hover {
      transform: translateY(-3px);
    }

    /* Navigation */
    nav {
      display: flex;
      justify-content: center;
      gap: 1.5rem;
      margin: var(--spacing) 0;
      flex-wrap: wrap;
    }
    nav a {
      text-decoration: none;
      color: var(--color-primary);
      font-weight: 600;
      position: relative;
      padding: 0.5rem 0;
      transition: var(--transition);
    }
    nav a::after {
      content: '';
      position: absolute;
      width: 0;
      height: 3px;
      background: var(--color-accent);
      left: 0;
      bottom: 0;
      transition: var(--transition);
    }
    nav a:hover::after { width: 100%; }

    /* Sections */
    section {
      margin: calc(var(--spacing) * 1.5) 0;
      padding: var(--spacing);
      background: var(--color-card);
      border-radius: var(--radius);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }
    section h2 {
      font-size: 1.75rem;
      color: var(--color-primary);
      margin-bottom: 1rem;
    }
    section p { margin-bottom: 1rem; }

    /* Boxes */
    .box {
      background: var(--color-bg);
      padding: 1rem;
      border-radius: var(--radius);
      border-left: 4px solid var(--color-accent);
      transition: background var(--transition);
    }
    .box:hover { background: #e8eef3; }

    /* Footer */
    footer {
      text-align: center;
      margin-top: var(--spacing);
      font-size: 0.9rem;
      color: #777;
    }
    footer a { color: var(--color-accent); text-decoration: none; }
    footer a:hover { text-decoration: underline; }

    /* Responsive */
    @media (max-width: 768px) {
      header h1 { font-size: 2rem; }
      section h2 { font-size: 1.5rem; }
      .badges img { height: 40px; }
    }
    @media (max-width: 480px) {
      nav { flex-direction: column; gap: 1rem; }
      .badges { flex-direction: column; }
      .badges img { height: 35px; }
    }
  </style>
</head>

<body>
  <div class="container">

    <header id="top">
      <h1>Ryan Checora</h1>
      <p>Mobile App Developer passionate about clean, intuitive user experiences and robust back-end integrations.</p>
    </header>

    <nav>
      <a href="#about">About</a>
      <a href="#projects">Projects</a>
      <a href="#privacy-policy3">Privacy</a>
      <a href="#contact">Contact</a>
    </nav>

    <section id="about">
      <h2>About Me</h2>
      <div class="box">
        <p>I specialize in Kotlin-based Android development, building apps like <strong>Tarot Simple</strong>—a minimalist tarot reading app with AI personalization and multilingual support—and <strong>GridSpace</strong>—a word-puzzle game designed for strategic play and daily challenges.</p>
        <p>With experience in secure payment systems, API integrations, and localization, I deliver clean interfaces and scalable architectures. I thrive on problem-solving and crafting solutions that prioritize user trust and engagement.</p>
      </div>
    </section>

    <section id="projects">
      <h2>Projects</h2>
      <div class="box">
        <p><strong>Tarot Simple:</strong> A distraction-free tarot app with AI-driven readings, daily affirmations, and 14+ language support via a seamless subscription paywall powered by RevenueCat.</p>
        <p><strong>GridSpace:</strong> An innovative word-based puzzle game, blending creativity and strategy with intuitive level design and a daily puzzle mode for ongoing engagement.</p>
      </div>
    </section>

    <!-- Privacy Policies -->
    <section id="privacy-policy">
      <h2>GridSpace Privacy Policy</h2>
      <div class="box">
        <p><strong>Effective Date:</strong> January 1, 2025</p>
        <p>Your privacy is taken seriously. This Privacy Policy outlines the types of information we collect, how it is used, and the measures we take to protect it.</p>
        <p><strong>Personal Information:</strong> GridSpace does not collect any personally identifiable information (PII) such as names, email addresses, or phone numbers.<br>
        <strong>Non-Personal Information:</strong> Currently there is no plan to collect anonymized data such as gameplay statistics, level completion times, and device type, however this may be collected in future updates to improve game performance and player experience.</p>
        <p><strong>Third-Party Services:</strong> GridSpace may use third-party analytics tools to understand how players interact with the game. These tools are compliant with industry standards for data protection and only collect non-personal information.</p>
        <p><strong>Changes to This Policy:</strong> This Privacy Policy may be updated periodically to reflect changes in our practices or legal requirements. We encourage users to review this policy regularly.</p>
        <p><strong>Contact Me:</strong> If you have any questions or concerns about this Privacy Policy or GridSpace's data practices, please reach out to the contact details provided below.</p>
      </div>
    </section>

    <section id="privacy-policy2">
      <h2>O SCANada Privacy Policy</h2>
      <div class="box">
        <p><strong>Effective Date:</strong> February 5, 2025</p>
        <p>Your privacy is taken seriously. This Privacy Policy outlines the types of information we collect, how it is used, and the measures we take to protect it.</p>
        <p><strong>Personal Information:</strong> "Made In Canada?" does not collect any personally identifiable information (PII) such as names, email addresses, or phone numbers.</p>
        <p><strong>Third-Party Services:</strong> "Made In Canada?" may use third-party analytics tools to understand how players interact with the game. These tools are compliant with industry standards for data protection and only collect non-personal information.</p>
        <p><strong>Changes to This Policy:</strong> This Privacy Policy may be updated periodically to reflect changes in our practices or legal requirements. We encourage users to review this policy regularly.</p>
        <p><strong>Contact Me:</strong> If you have any questions or concerns about this Privacy Policy or "Made In Canada?" data practices, please reach out to the contact details provided below.</p>
      </div>
    </section>

    <section id="privacy-policy3">
      <h2>Recommend Me Privacy Policy</h2>
      <div class="box">
        <p><strong>Effective Date:</strong> May 27, 2025</p>
        <p>Your privacy is taken seriously. This Privacy Policy outlines the types of information we collect, how it is used, and the measures we take to protect it.</p>
        <p><strong>Personal Information:</strong> "Recommend Me" does not collect any personally identifiable information (PII) such as names, email addresses, or phone numbers.</p>
        <p><strong>Third-Party Services:</strong> "Recommend Me" may use third-party analytics tools to understand how users interact with the app. These tools are compliant with industry standards for data protection and only collect non-personal information.</p>
        <p><strong>Log Data:</strong> WE MAY RECEIVE DATA AND INFORMATION ON YOUR PHONE CALLED LOG DATA. THIS MAY INCLUDE INFORMATION SUCH AS YOUR DEVICE INTERNET PROTOCOL ("IP") ADDRESS, DEVICE NAME, OPERATING SYSTEM VERSION, AND OTHER STATISTICS.</p>
        <p><strong>Cookies:</strong> THIS SERVICE DOES NOT USE COOKIES. FOR APPLE MEDIA SERVICES TERMS AND CONDITIONS, PLEASE REFER TO THE APPLE APP STORE.</p>
        <p><strong>Service Providers:</strong> WE MAY INVITE THIRD-PARTY COMPANIES OR INDIVIDUALS TO PROVIDE ADVERTISING, SUCH AS GOOGLE MOBILE ADS.</p>
        <p><strong>Security and Children's Privacy:</strong> WE VALUE YOUR TRUST AND DO NOT REQUEST YOUR PERSONAL INFORMATION. HOWEVER, NO METHOD OF TRANSMISSION OVER THE INTERNET IS 100% SECURE.</p>
        <p><strong>Links to Other Sites:</strong> THIS SERVICE MAY CONTAIN LINKS TO OTHER SITES. IF YOU CLICK ON A THIRD-PARTY LINK, YOU WILL BE DIRECTED TO THAT SITE. NOTE THAT THESE EXTERNAL WEBSITES ARE NOT OPERATED BY US. THEREFORE WE ADVISE YOU TO REVIEW THE PRIVACY POLICY OF THESE WEBSITES. WE HAVE NO CONTROL OVER, AND ASSUME NO RESPONSIBILITY FOR THE CONTENT, PRIVACY POLICIES, OR PRACTICES OF ANY THIRD-PARTY SITES OR SERVICES.</p>
        <p><strong>Changes to This Policy:</strong> This Privacy Policy may be updated periodically to reflect changes in our practices or legal requirements. We encourage users to review this policy regularly.</p>
        <p><strong>Contact Me:</strong> If you have any questions or concerns about this Privacy Policy or "Recommend Me" data practices, please reach out to the contact details provided below.</p>
      </div>
    </section>

    <section id="contact">
      <h2>Contact</h2>
      <div class="box">
        <p>Let&rsquo;s collaborate! <a href="mailto:ryan.checora@gmail.com">Email me</a> for exciting projects or opportunities.</p>
      </div>
    </section>

    <footer>
      <p>&copy; 2025 Ryan Checora. Built with ❤️ and HTML.</p>
    </footer>

  </div>
</body>

</html>