mm_y9_aia

https://github.com/abdullah-ibna-aamir/mm_y9_aia

Science Score: 44.0%

This score indicates how likely this project is to be science-related based on various indicators:

✓
CITATION.cff file
Found CITATION.cff file
✓
codemeta.json file
Found codemeta.json file
✓
.zenodo.json file
Found .zenodo.json file
○
DOI references
○
Academic publication links
○
Academic email domains
○
Institutional organization owner
○
JOSS paper metadata
○
Scientific vocabulary similarity
Low similarity (2.6%) to scientific vocabulary

Last synced: 6 months ago · JSON representation ·

Repository

Basic Info

Host: GitHub
Owner: abdullah-ibna-aamir
Language: HTML
Default Branch: main
Size: 635 KB

Statistics

Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Releases: 0

Created 9 months ago · Last pushed 9 months ago

Metadata Files

Readme Citation

Privacy Concerns in Digital Media

This project is a pixel-perfect, animated website created with the Assessment Task 1 in mind. It demonstrates: - Exact text and layout as shown in the wireframe - Modern, visually appealing design - Scroll-triggered animations - Efficient, minimal HTML, CSS, and JavaScript

How to run

Open index.html in your browser. All code is in index.html, styles.css, and index.js. Alternatively, you can open this site:

Owner

Login: abdullah-ibna-aamir
Kind: user

Repositories: 3
Profile: https://github.com/abdullah-ibna-aamir

Citation (citations.html)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Citations</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header class="header">
    <div class="logo">
      <svg width="32" height="20" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="20" rx="3" fill="#fff" stroke="#222" stroke-width="2"/><path d="M2 2L16 14L30 2" stroke="#222" stroke-width="2"/></svg>
    </div>
    <button class="nav-toggle" aria-label="Toggle navigation">
      <span class="bar"></span>
      <span class="bar"></span>
      <span class="bar"></span>
    </button>
    <div class="nav-backdrop"></div>
    <nav>
      <a class="nav-btn" href="index.html">Home</a>
      <a class="nav-btn" href="breaches.html">Data Breaches</a>
      <a class="nav-btn" href="spyware.html">Spyware</a>
      <a class="nav-btn" href="companies.html">Large Companies</a>
      <a class="nav-btn" href="contact.html">Contact Us</a>
      <a class="nav-btn" href="materials.html">Materials</a>
      <a class="nav-btn active" href="citations.html">Citations</a>
      <a class="nav-btn" href="review.html">Review</a>
    </nav>
  </header>
  <main>
    <section class="hero hero-col animate-fadein">
      <div class="hero-title hero-title-mb animate-slide-down">Citations</div>
      <div class="citations-content animate-fadein-delay">
        <p class="citations-desc animate-slide-left">Below are the sources for all the images and information used throughout this website:</p>
        <ol class="citations-list">
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1519125323398-675f0ddb6308?auto=format&fit=crop&w=600&q=80" target="_blank">Unsplash: Digital Privacy Concept</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=400&q=80" target="_blank">Unsplash: Social Media Icons</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1465101046530-73398c7f28ca?auto=format&fit=crop&w=400&q=80" target="_blank">Unsplash: Data Breach Report</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?auto=format&fit=crop&w=400&q=80" target="_blank">Unsplash: Social Platform Vulnerability</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1464983953574-0892a716854b?auto=format&fit=crop&w=400&q=80" target="_blank">Unsplash: Dark Web Data Leak</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1510511459019-5dda7724fd87?auto=format&fit=crop&w=400&q=80" target="_blank">Unsplash: Cybersecurity Illustration</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=400&q=80" target="_blank">Unsplash: Google Data Center</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1465101178521-c1a9136a3b99?auto=format&fit=crop&w=400&q=80" target="_blank">Unsplash: Microsoft Cloud Security</a></li>
          <li class="animate-slide-right"><a href="https://images.unsplash.com/photo-1518717758536-85ae29035b6d?auto=format&fit=crop&w=800&q=80" target="_blank">Unsplash: Spyware Concept</a></li>
          <li class="animate-slide-right"><a href="https://www.oaic.gov.au/privacy/your-privacy-rights/social-media-and-online-privacy" target="_blank">Government Online Privacy</li>
          <li class="animate-slide-right"><a href="https://www.privacy.gov.au/" target="_blank">Australian Privacy Principles</a></li>
          <li class="animate-slide-right"><a href="https://www.privacy.gov.au/privacy-topics/data-breaches" target="_blank">Data Breaches Overview</a></li> 
        </ol>
      </div>
    </section>
  </main>
  <footer>
    <div class="footer-left">
      <div class="footer-envelope">
        <svg width="32" height="20" viewBox="0 0 32 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="20" rx="3" fill="#fff" stroke="#222" stroke-width="2"/><path d="M2 2L16 14L30 2" stroke="#222" stroke-width="2"/></svg>
      </div>
    </div>
    <div class="footer-menu">
      <div class="footer-menu-col"><a href="companies.html">Large Companies</a></div>
      <div class="footer-menu-col"><a href="spyware.html">Spyware</a></div>
      <div class="footer-menu-col"><a href="breaches.html">Data Breaches</a></div>
      <div class="footer-menu-col"><a href="contact.html">Contact Us</a></div>
      <div class="footer-menu-col"><a href="materials.html">Materials</a></div>
      <div class="footer-menu-col"><a href="citations.html" class="active">Citations</a></div>
    </div>
    <div class="footer-copyright">
      &copy; 2025 @ Abdullah Ibna-Aamir
    </div>
    <div class="footer-right">
      <div class="footer-dots">
        <a href="#" target="_blank" aria-label="Facebook" class="footer-dot social-dot fb-dot">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="#4267B2" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="8"/><path d="M10.7 8.5h-1.1V13H7.2V8.5H6.5V7.2h0.7V6.5c0-0.7 0.3-1.8 1.8-1.8l1.3 0v1.4h-0.9c-0.1 0-0.3 0.1-0.3 0.3v0.6h1.2l-0.2 1.3z" fill="#fff"/></svg>
        </a>
        <a href="#" target="_blank" aria-label="Twitter" class="footer-dot social-dot tw-dot">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="#1DA1F2" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="8"/><path d="M12.7 6.1c0 0.1 0 0.3 0 0.4 0 4.1-3.1 8.8-8.8 8.8-1.7 0-3.3-0.5-4.6-1.4 0.2 0 0.4 0 0.6 0 1.4 0 2.7-0.5 3.7-1.3-1.3 0-2.3-0.9-2.7-2.1 0.2 0 0.4 0.1 0.6 0.1 0.3 0 0.7-0.1 1-0.2-1.4-0.3-2.3-1.5-2.3-2.9v-0.1c0.4 0.2 0.8 0.3 1.2 0.3-0.7-0.5-1.2-1.3-1.2-2.2 0-0.5 0.1-1 0.4-1.4 1.5 1.8 3.7 2.9 6.1 3-0.1-0.2-0.1-0.4-0.1-0.6 0-1.5 1.2-2.7 2.7-2.7 0.8 0 1.5 0.3 2 0.8 0.6-0.1 1.1-0.3 1.6-0.6-0.2 0.6-0.6 1.1-1.1 1.4 0.5-0.1 1-0.2 1.4-0.4-0.3 0.5-0.8 1-1.3 1.3z" fill="#fff"/></svg>
        </a>
        <a href="#" target="_blank" aria-label="Instagram" class="footer-dot social-dot ig-dot">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="#E1306C" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="8"/><g><circle cx="8" cy="8" r="3" fill="#fff"/><circle cx="12.2" cy="3.8" r="0.7" fill="#fff"/></g></svg>
        </a>
      </div>
    </div>
  </footer>
  <script src="index.js"></script>
</body>
</html>

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Open Source Science