kka27.github.io
Science Score: 18.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
-
○.zenodo.json file
-
○DOI references
-
○Academic links in README
-
○Academic email domains
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Unable to calculate vocabulary similarity
Last synced: 10 months ago
·
JSON representation
·
Repository
Basic Info
- Host: GitHub
- Owner: kka27
- Language: HTML
- Default Branch: main
- Size: 18.2 MB
Statistics
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
- Releases: 0
Created over 2 years ago
· Last pushed about 2 years ago
Metadata Files
Citation
Owner
- Name: Kelvin
- Login: kka27
- Kind: user
- Location: Vancouver, BC
- Repositories: 1
- Profile: https://github.com/kka27
Citation (citation.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kelvin Kwan Citations</title>
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<header class="navbar">
<nav role="menu">
<ul class="sidebar" role="menubar">
<li role="none">
<a class="nav-button close-button" role="menuitem" href="#" onclick="hideSidebar()">Close</a>
</li>
<li role="none">
<a class="nav-button" role="menuitem" href="index.html#about" onclick="hideSidebar()">About</a>
</li>
<li role="none">
<a class="nav-button" role="menuitem" href="index.html#projects" onclick="hideSidebar()">Projects</a>
</li>
<li role="none">
<a class="nav-button" role="menuitem" href="index.html#contact" onclick="hideSidebar()">Contact</a>
</li>
</ul>
<ul class="full-nav">
<li>
<a href="index.html" class="nav-logo" role="menuitem"><svg class="logo-button" width="31" height="90"
viewBox="0 0 31 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 22H13V44H0V22Z" fill="black" />
<rect y="46" width="13" height="22" fill="black" />
<path
d="M31 22C31 24.8891 30.5991 27.7499 29.8201 30.419C29.0412 33.0882 27.8995 35.5135 26.4602 37.5564C25.0208 39.5992 23.3121 41.2197 21.4316 42.3254C19.551 43.431 17.5355 44 15.5 44L15.5 22H31Z"
fill="black" />
<path
d="M31 68C31 65.1109 30.5991 62.2501 29.8201 59.581C29.0412 56.9118 27.8995 54.4865 26.4602 52.4436C25.0208 50.4008 23.3121 48.7803 21.4316 47.6746C19.551 46.569 17.5355 46 15.5 46L15.5 68H31Z"
fill="black" />
</svg>
</a>
</li>
<li>
<p class="accent-text">Kelvin Kwan / Designer / Developer / Vancouver, BC</p>
</li>
<li class="hideOnMobile">
<a class="nav-button" href="index.html#about" role="menuitem">About</a>
</li>
<li class="hideOnMobile">
<a class="nav-button" href="index.html#projects" role="menuitem">Projects</a>
</li>
<li class="hideOnMobile">
<a class="nav-button" href="index.html#contact" role="menuitem">Contact</a>
</li>
<li class="menu-button" onclick="showSidebar()" role="none">
<a href="#" role="menuitem"><svg class="close-icon" xmlns="http://www.w3.org/2000/svg" height="36"
viewBox="0 -960 960 960" width="36">
<path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" />
</svg></a>
</li>
</ul>
</nav>
<!-- Responsive navbar from: https://www.youtube.com/watch?v=U8smiWQ8Seg&t=386s -->
<script>
function showSidebar() {
const sidebar = document.querySelector('.sidebar')
sidebar.style.display = 'flex';
}
function hideSidebar() {
const sidebar = document.querySelector('.sidebar')
sidebar.style.display = 'none';
}
</script>
</header>
<main>
<section id="citations">
<h2>References</h2>
<div class="reference">
<p>Christian Robertson [Designer] (n.d.).
<strong>Roboto Mono [Font]</strong>. Retrieved from <a class="in-text-link"
href="https://fonts.google.com/specimen/Roboto+Mono"
target="_blank">https://fonts.google.com/specimen/Roboto+Mono</a>
</p>
</div>
<div class="reference">
<p>Alfredo Marco Pradil, Hanken Design Co. [Designer] (n.d.).
<strong>Hanken Grotesk [Font]</strong>. Retrieved from <a class="in-text-link"
href="https://fonts.google.com/specimen/Hanken+Grotesk"
target="_blank">https://fonts.google.com/specimen/Hanken+Grotesk</a>
</p>
</div>
<div class="reference">
<p>Material Design [Designer] (n.d).
<strong>Material Icons [Menu Icon]</strong>. Retrieved from <a class="in-text-link"
href="https://fonts.google.com/icons?selected=Material+Symbols+Outlined:close:FILL@0;wght@400;GRAD@0;opsz@24"
target="_blank">https://fonts.google.com/icons?selected=Material+Symbols+Outlined:close:FILL@0;wght@400;GRAD@0;opsz@24</a>
</p>
</div>
<div class="reference">
<p>Coding2Go [Author] (2023).
<strong>Material Icons [Menu Icon]</strong>. Retrieved from <a class="in-text-link"
href="https://www.youtube.com/watch?v=U8smiWQ8Seg&t=386s"
target="_blank">https://www.youtube.com/watch?v=U8smiWQ8Seg&t=386s</a>
</p>
</div>
<div class="reference">
<p>Darkroom Engineering [Creators] (2023).
<strong>Lenis Scroll [JS Library]</strong>. Retrieved from <a class="in-text-link"
href="https://github.com/darkroomengineering/lenis"
target="_blank">https://github.com/darkroomengineering/lenis</a>
</p>
</div>
<div class="reference">
<p>W3Schools [Organization] (2024).
<strong>HTML Forms [Reference]</strong>. Retrieved from <a class="in-text-link"
href="https://www.w3schools.com/css/tryit.asp?filename=trycss_forms"
target="_blank">https://www.w3schools.com/css/tryit.asp?filename=trycss_forms</a>
</p>
</div>
<div class="reference">
<p>Mozilla Developer Network [Organization] (2024).
<strong>Form Autocomplete [Reference]</strong>. Retrieved from <a class="in-text-link"
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"
target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete</a>
</p>
</div>
<div class="reference">
<p>Bro Code [Author] (2024).
<strong>JavaScript Image Slider [Tutorial]</strong>. Retrieved from <a class="in-text-link"
href="https://www.youtube.com/watch?v=749ta0nvj8s"
target="_blank">https://www.youtube.com/watch?v=749ta0nvj8s</a>
</p>
</div>
<div class="reference">
<p>Bob Mitro [Author] (2021).
<strong>One line CSS solution to prevent anchor links from scrolling behind a sticky or fixed header
[Article]</strong>. Retrieved from <a class="in-text-link"
href="https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html"
target="_blank">https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html</a>
</p>
</div>
<div class="reference">
<p>W3C [Organization] (n.d.).
<strong>COLORED BULLETS [Article]</strong>. Retrieved from <a class="in-text-link"
href="https://www.w3.org/Style/Examples/007/color-bullets.en.html"
target="_blank">https://www.w3.org/Style/Examples/007/color-bullets.en.html</a>
</p>
</div>
<div class="reference">
<p>Bro Code [Author] (2024).
<strong>JavaScript Image Slider [Tutorial]</strong>. Retrieved from <a class="in-text-link"
href="https://www.youtube.com/watch?v=749ta0nvj8s"
target="_blank">https://www.youtube.com/watch?v=749ta0nvj8s</a>
</p>
</div>
<div class="reference">
<p>Online Tutorials [Author] (2021).
<strong>Change Cursor on Hover using CSS & Vanilla Javascript | Mouse Cursor Effects [Tutorial]</strong>.
Retrieved from <a class="in-text-link" href="https://www.youtube.com/watch?v=nMGVwP3ww2M"
target="_blank">https://www.youtube.com/watch?v=nMGVwP3ww2M</a>
</p>
</div>
<div class="reference">
<p>The Webnuts [Author] (2022).
<strong>Custom CSS Cursor Animation using HTML CSS | GSAP Tutorials [Tutorial]</strong>. Retrieved from <a
class="in-text-link" href="https://www.youtube.com/watch?v=uBd0ziC6rCs&t=452s"
target="_blank">https://www.youtube.com/watch?v=uBd0ziC6rCs&t=452s</a>
</p>
</div>
<div class="reference">
<p>CSS Tricks [Author] (n.d.).
<strong>Hover Effect 1 [Code Example]</strong>. Retrieved from <a class="in-text-link"
href="https://codepen.io/team/css-tricks/pen/gOXMLLY"
target="_blank">https://codepen.io/team/css-tricks/pen/gOXMLLY</a>
</p>
</div>
<div class="reference">
<p>Naoya [Author] (n.d.).
<strong>CodePen Home
Demo: CSS image hover effects [Code Example]</strong>. Retrieved from <a class="in-text-link"
href="https://codepen.io/nxworld/pen/ZYNOBZ" target="_blank">https://codepen.io/nxworld/pen/ZYNOBZ</a>
</p>
</div>
<div class="reference">
<p>Alligator.io [Author] (2021).
<strong>How To Scale and Crop Images with CSS object-fit [Article]</strong>. Retrieved from <a
class="in-text-link" href="https://www.digitalocean.com/community/tutorials/css-cropping-images-object-fit"
target="_blank">https://www.digitalocean.com/community/tutorials/css-cropping-images-object-fit</a>
</p>
</div>
<div class="reference">
<p>Hugolpz [Answerer] (2013).
<strong>How to add border/outline/stroke to SVG elements in CSS? [Forum]</strong>. Retrieved from <a
class="in-text-link"
href="https://stackoverflow.com/questions/18330344/how-to-add-border-outline-stroke-to-svg-elements-in-css"
target="_blank">https://stackoverflow.com/questions/18330344/how-to-add-border-outline-stroke-to-svg-elements-in-css</a>
</p>
</div>
<div class="reference">
<p>Vandesh [Answerer] (2019).
<strong>How to keep the header static, always on top while scrolling? [Forum]</strong>. Retrieved from <a
class="in-text-link"
href="https://stackoverflow.com/questions/3593594/how-to-keep-the-header-static-always-on-top-while-scrolling/58645785#58645785"
target="_blank">https://stackoverflow.com/questions/3593594/how-to-keep-the-header-static-always-on-top-while-scrolling/58645785#58645785</a>
</p>
</div>
<div class="reference">
<p>Armand [Answerer] (2020).
<strong>Vertically and horizontally centering text in circle in CSS (like iphone notification badge)
[Forum]</strong>. Retrieved from <a class="in-text-link"
href="https://stackoverflow.com/questions/4801181/vertically-and-horizontally-centering-text-in-circle-in-css-like-iphone-notific"
target="_blank">https://stackoverflow.com/questions/4801181/vertically-and-horizontally-centering-text-in-circle-in-css-like-iphone-notific</a>
</p>
</div>
<div class="reference">
<p>Necolas [Author] (2018).
<strong>normalize.css [Stylesheet]</strong>. Retrieved from <a class="in-text-link"
href="https://github.com/necolas/normalize.css/"
target="_blank">https://github.com/necolas/normalize.css/</a>
</p>
</div>
<div class="reference">
<p>Castillo et al. [Creators] (2021).
<strong>Daisy 7094 [Photos]</strong>. Retrieved from <a class="in-text-link"
href="https://www.sfu.ca/~mjd14/9iscourse/journal.html"
target="_blank">https://www.sfu.ca/~mjd14/9iscourse/journal.html</a>
</p>
</div>
<div class="reference">
<p>Cheema et al. [Creators] (2022).
<strong>Now Here, Now Always Microsite [Photos]</strong>. Retrieved from <a class="in-text-link"
href="https://www.sfu.ca/~jta188/IAT235/NDTFinalProject/index.html"
target="_blank">https://www.sfu.ca/~jta188/IAT235/NDTFinalProject/index.html</a>
</p>
</div>
</section>
</main>
<footer>
<a class="in-text-link" href="index.html">Style Guide</a>
<a class="in-text-link" href="citation.html">Citations</a>
<a class="in-text-link" href="https://github.com/kka27/IAT339-P03" target="_blank">GitHub</a>
</footer>
<!-- for cursor effects -->
<div class="cursor">
<p class="click-text">Click</p>
</div>
<!-- JavaScript scripts -->
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<!-- Lenis scroll from: https://github.com/darkroomengineering/lenis -->
<script src="https://unpkg.com/@studio-freight/lenis@1.0.42/dist/lenis.min.js"></script>
<script src="scripts/cursor.js"></script>
</body>
</html>
GitHub Events
Total
- Push event: 7
Last Year
- Push event: 7