Skip to content

Commit

Permalink
Add placeholder content and README (#32)
Browse files Browse the repository at this point in the history
  • Loading branch information
opott authored Nov 17, 2024
2 parents 3be831f + ca7f2da commit 4c5a22f
Show file tree
Hide file tree
Showing 28 changed files with 2,265 additions and 20 deletions.
43 changes: 42 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,42 @@
# CS Notes
<h1 align="center" id="title">CourseNotes</h1>

<p align="center"><img src="https://socialify.git.ci/opott/CourseNotes/image?description=1&amp;descriptionEditable=A%20revision%20website%20by%20students%2C%20for%20students.&amp;font=Raleway&amp;forks=1&amp;issues=1&amp;language=1&amp;name=1&amp;owner=1&amp;pattern=Formal%20Invitation&amp;pulls=1&amp;stargazers=1&amp;theme=Dark" alt="project-image"></p>

<p id="description">A revision website written in HTML that any student can contribute to!</p>

<h2>🚀 Demo</h2>

[https://notes.opott.uk](https://notes.opott.uk)

<h2>Project Screenshots:</h2>

<img src="https://cloud-92odafpg9-hack-club-bot.vercel.app/0image.png" alt="project-screenshot" width="600" height="400/">

<img src="https://cloud-92odafpg9-hack-club-bot.vercel.app/1image.png" alt="project-screenshot" width="600" height="400/">

<img src="https://cloud-92odafpg9-hack-club-bot.vercel.app/2image.png" alt="project-screenshot" width="600" height="400/">

<h2>🧐 Features</h2>

Here're some of the project's best features:

- Modern
- User Friendly
- Mobile Responsive
- Community Made

<h2>🍰 Contribution Guidelines:</h2>

Contributions are welcome to improve CourseNotes! Whether you're fixing bugs, adding features, or improving existing content, your help is appreciated. If you'd like to create a new course or edit an existing course you didn't author, please contact the maintainer via the chat widget at https://notes.opott.uk before making changes. This helps ensure consistency and accuracy. Feel free to open issues or submit pull requests with a clear description of your updates. Let’s make learning better together!

<h2>💻 Built with</h2>

Technologies used in the project:

- HTML
- CSS
- JavaScript

<h2>🛡️ License:</h2>

This project is licensed under the GNU General Public Licence v3.0
4 changes: 2 additions & 2 deletions courses/J277/1.1/1-architechture-of-the-cpu.html
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ <h2>Registers</h2>
</p>
<p>These will be explained in more detail in the Von Neumann Architechture section.</p>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/hk9LPXzYeT0" title="1. OCR GCSE (J277) 1.1 The purpose of the CPU - The fetch-execute cycle" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<iframe width="320" height="180" src="https://www.youtube.com/embed/hk9LPXzYeT0" title="2. OCR GCSE (J277) 1.1 CPU components and their function" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<h1>Von Neumann Architechture</h1>
<p>The Von Neumann Architechture is the stored program concept.</p>
Expand All @@ -140,7 +140,7 @@ <h2>Program Counter</h2>
<h2>Accumulator</h2>
<p>The <strong>accumulator</strong> stores the data being process and the results from the arithmetic logic unit.</p>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/KBmoqwVt4Qg" title="1. OCR GCSE (J277) 1.1 The purpose of the CPU - The fetch-execute cycle" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<iframe width="320" height="180" src="https://www.youtube.com/embed/KBmoqwVt4Qg" title="3. OCR GCSE (J277) 1.1 Von Neumann architecture" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div style="display: flex; align-items: flex-start;">
<div style="flex: 1;">
Expand Down
23 changes: 21 additions & 2 deletions courses/J277/1.1/2-cpu-performance.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,27 @@ <h1>CPU Performance</h1>
</div>

<h1>Introduction</h1>
<p>This page is awaiting content.</p>

<p>This module will cover:</p>
<ul>
<li>How common characteristics of CPUs affect their performance:
<ul>
<li>Clock speed</li>
<li>Cache size</li>
<li>Number of cores</li>
</ul>
</li>
</ul>
<p>For this topic, the specification states that you should know the following:
<ul>
<li>Understanding of each characteristic listed</li>
<li>The effects of changing any of the common characteristics on system performance, either individually or in combination</li>
</ul>
</p>
<h1>How common characteristics of CPUs affect their performance</h1>
<p><strong>Written content coming soon!</strong></p>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/pZs_jfoxNLA" title="4. OCR GCSE (J277) 1.1 Characteristics of CPUs" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div style="display: flex; align-items: flex-start;">
<div style="flex: 1;">
<h1>About the Author</h1>
Expand Down
20 changes: 19 additions & 1 deletion courses/J277/1.1/3-embedded-systems.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,25 @@ <h1>Embedded Systems</h1>
</div>

<h1>Introduction</h1>
<p>This page is awaiting content.</p>
<p>This module will cover:</p>
<ul>
<li>The purpose and characteristics of embedded systems</li>
<li>Examples of embedded systems</li>
</ul>
<p>For this topic, the specification states that you should know the following:
<ul>
<li>What embedded systems are</li>
<li>Typical characteristics of embedded systems</li>
<li>Familiarity with a range of different embedded systems</li>
</ul>
</p>
<h1>The purpose and characteristics of embedded systems</h1>
<p><strong>Written content coming soon!</strong></p>
<h1>Examples of embedded systems</h1>
<p><strong>Written content coming soon!</strong></p>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/WR242RfnsIo" title="5. OCR GCSE (J277) 1.1 Embedded systems" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>

<div style="display: flex; align-items: flex-start;">
<div style="flex: 1;">
Expand Down
113 changes: 113 additions & 0 deletions courses/J277/1.2/1-primary-storage-memory.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html>
<head>
<title>Primary Storage (Memory) | OCR J277 | CourseNotes</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css">
<meta property="og:title" content="[OCR J277] 1.2.1 - Primary Storage (Memory)" />
</head>
<body>
<div class="loading-overlay">
<div class="loading-spinner"></div>
</div>

<dyn-header></dyn-header>

<div class="hero" style="height: 20rem;">
<div class="hero-content">
<h3>GCSE Computer Science (OCR J277)</h3>
<h3>1.2 Memory and Storage</h3>
<h1>Primary Storage (Memory)</h1>
</div>
</div>

<h1>Introduction</h1>
<p>This module will cover:</p>
<ul>
<li>The need for primary storage</li>
<li>The difference between RAM and ROM</li>
<li>The purpose of ROM in a computer system</li>
<li>The purpose of RAM in a computer system</li>
<li>Virtual memory</li>
<li>Cache</li>
</ul>
<p>For this topic, the specification states that you should know the following:
<ul>
<li>Why computers have primary storage (memory)
<ul>
<li>How this usually consists of RAM and ROM</li>
</ul>
</li>
<li>Key characteristics of RAM and ROM</li>
<li>Why virtual memory may be needed in a system</li>
<li>How virtual memory works
<ul>
<li>Transfer of data between RAM and secondary storage when RAM is full</li>
</ul>
</li>
</ul>
</p>
<p><strong>Written content coming soon!</strong></p>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/dhQOkkZXu5w" title="6. OCR GCSE (J277) 1.2 The need for primary storage" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/Q2pzT6oYPWg" title="7. OCR GCSE (J277) 1.2 RAM & ROM" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/M31SS70Od08" title="8. OCR GCSE (J277) 1.2 Virtual memory" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>

<div style="display: flex; align-items: flex-start;">
<div style="flex: 1;">
<h1>About the Author</h1>
<p>Hi! I'm Oliver, a Computer Science student in the UK. I created CourseNotes as a way to share my learning and knowledge with the world, and help other students to do their best in their exams.</p>
<p>I am currently studying Computer Science at GCSE level with the OCR exam board. All notes on this site will be exam board specific, but a lot of the concepts are similar across other exam boards.</p>
</div>
<div style="flex: 0 0 auto; margin-left: 20px;">
<img src="/img/laptop wave.png" style="height: 18rem;">
</div>
</div>
</div>
<h1>Comments</h1>
<div class="giscus" style="width: 80%; margin: 0 auto; text-align: center;"></div>
<script
src="https://giscus.app/client.js"
data-repo="opott/CourseNotes"
data-repo-id="R_kgDONIcIWQ"
data-category="[OCR J277] GCSE Computer Science"
data-category-id="DIC_kwDONIcIWc4Cj3mR"
data-mapping="og:title"
data-strict="1"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="top"
data-theme="light"
data-lang="en"
crossorigin="anonymous"
async
></script>

<dyn-footer></dyn-footer>

<script src="/elements/headerfooter.js" defer></script>
<script>
window.addEventListener('load', function() {
document.querySelector('.loading-overlay').style.display = 'none';
});
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/672a74cd4304e3196adda24f/1ibutggn9';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>
124 changes: 124 additions & 0 deletions courses/J277/1.2/2-secondary-storage.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
<!DOCTYPE html>
<html>
<head>
<title>Secondary Storage | OCR J277 | CourseNotes</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css">
<meta property="og:title" content="[OCR J277] 1.2.2 - Secondary Storage" />
</head>
<body>
<div class="loading-overlay">
<div class="loading-spinner"></div>
</div>

<dyn-header></dyn-header>

<div class="hero" style="height: 20rem;">
<div class="hero-content">
<h3>GCSE Computer Science (OCR J277)</h3>
<h3>1.2 Memory and Storage</h3>
<h1>Secondary Storage</h1>
</div>
</div>

<h1>Introduction</h1>
<p>This module will cover:</p>
<ul>
<li>The need for secondary storage</li>
<li>Common types of storage:
<ul>
<li>Optical</li>
<li>Magnetic</li>
<li>Solid state</li>
</ul>
<li>Suitable storage devices and storage media for a given application</li>
<li>The advantages and disadvantages of different storage devices and storage media relating to these characteristics:
<ul>
<li>Capacity</li>
<li>Speed</li>
<li>Portability</li>
<li>Durability</li>
<li>Reliability</li>
<li>Cost</li>
</ul>
</li>
</li>
</ul>
<p>For this topic, the specification states that you should know the following:
<ul>
<li>Why computers have secondary storage</li>
<li>Recognise a range of secondary storage devices/media</li>
<li>Differences between each type of storage device/medium</li>
<li>Compare advantages/disadvantages for each storage decice</li>
<li>Be able to apply their knowledge in context within scenarios</li>
</ul>
</p>
<p>You are not required to know:
<ul>
<li>Understanding of the component parts of these types of storage</li>
</ul>
</p>
<p><strong>Written content coming soon!</strong></p>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/FNwA-h_tfPo" title="9. OCR GCSE (J277) 1.2 The need for secondary storage" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/qIy_wgo03Oo" title="10. OCR GCSE (J277) 1.2 Common types of storage" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div style="max-width: 64vw; margin: 0 auto;">
<iframe width="320" height="180" src="https://www.youtube.com/embed/xfDwcdap5LA" title="11. OCR GCSE (J277) 1.2 Suitable storage devices" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>

<div style="display: flex; align-items: flex-start;">
<div style="flex: 1;">
<h1>About the Author</h1>
<p>Hi! I'm Oliver, a Computer Science student in the UK. I created CourseNotes as a way to share my learning and knowledge with the world, and help other students to do their best in their exams.</p>
<p>I am currently studying Computer Science at GCSE level with the OCR exam board. All notes on this site will be exam board specific, but a lot of the concepts are similar across other exam boards.</p>
</div>
<div style="flex: 0 0 auto; margin-left: 20px;">
<img src="/img/laptop wave.png" style="height: 18rem;">
</div>
</div>
</div>
<h1>Comments</h1>
<div class="giscus" style="width: 80%; margin: 0 auto; text-align: center;"></div>
<script
src="https://giscus.app/client.js"
data-repo="opott/CourseNotes"
data-repo-id="R_kgDONIcIWQ"
data-category="[OCR J277] GCSE Computer Science"
data-category-id="DIC_kwDONIcIWc4Cj3mR"
data-mapping="og:title"
data-strict="1"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="top"
data-theme="light"
data-lang="en"
crossorigin="anonymous"
async
></script>

<dyn-footer></dyn-footer>

<script src="/elements/headerfooter.js" defer></script>
<script>
window.addEventListener('load', function() {
document.querySelector('.loading-overlay').style.display = 'none';
});
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/672a74cd4304e3196adda24f/1ibutggn9';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>
Loading

0 comments on commit 4c5a22f

Please sign in to comment.