ADCM-Networks/ProfessionalWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extracurricular Projects

Browse Source 
Completion of Extracurricular Projects section of website
This commit is contained in:
Alexander Lyall
2025-07-13 17:10:08 +01:00
parent edc920ee0c
commit 78b8c7bd90
11 changed files with 4385 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
Export/my-work/extracurricular-projects/i-am-aware.html
View File

@@ -21,10 +21,10 @@
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>The Computer's Identity</title>
<title>I Am Aware</title>
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/the_computers_identity/identitypreview.png">
<meta name="description" content="An interactive poem entry for the BCU Christian Union &quot;Where Is Identity Found&quot; Art Competition.">
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/iamaware.webp">
<meta name="description" content="I Am Aware is a campaign run by BCU Mental Health Awareness that looks into the resources available for those living with mental health issues.">
<script>
(function() {
@@ -150,36 +150,76 @@
<main class="page">
<section class="portfolio-block block-intro">
<div class="container center-everything">
<div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;../../assets/img/projects/the_computers_identity/identitypreview.png&quot;) center / cover;color: white;">
<h2>The Computer's Identity</h2>
<p>An interactive poem entry for the BCU Christian Union "Where Is Identity Found" Art Competition.</p>
<div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url(&quot;../../assets/img/projects/iamaware.webp&quot;) center / cover;color: white;">
<h2>I Am Aware</h2>
<p>I Am Aware is a campaign run by BCU Mental Health Awareness that looks into the resources available for those living with mental health issues.</p>
</div>
</div>
</section>
<section class="portfolio-block project">
<div class="container center-everything">
<div class="carousel slide carousel-fade project-carousel" data-bs-ride="carousel" id="carousel-1">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid w-100 d-block slider-image-fit" width="2500" height="1951" src="../../assets/img/projects/the_computers_identity/identity.png" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<div class="carousel-indicators"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button></div>
</div>
<div class="container center-everything"><iframe class="d-flex justify-content-center" allowfullscreen="" frameborder="0" src="https://www.youtube-nocookie.com/embed/8m2D2mS3NjQ" width="854" height="480" style="margin-right: auto;margin-left: auto;margin-bottom: 1em;"></iframe>
<div class="row">
<div class="col-12 col-md-6 offset-md-1 info">
<p>Written in February 2017 for an art competition for BCU Christian Union's Missions Week "Where is Identity Found?". I created a QR code that would take the user to a website which will offer a selection of the poem in multiple formats including a binary format. In the gallery, the piece was displayed in the binary format with the QR code at the bottom of the piece.</p>
<h3>Phase 4 - 2025 and Beyond</h3>
<p>Lorem ipsum dapibus dolor non, malesuada mauris. Aliquam eleifend mauris non odio mattis auctor. Aenean sit amet elementum tellus, a facilisis ligula. Pellentesque ac vehicula mauris.</p>
<p>I Am Aware is a campaign run by BCU Mental Health Awareness that looks into the resources available for those living with mental health issues. The campaign also looks into the lives of people affected by mental health issues such as depression, Schizophrenia, anxiety disorders and Bipolar.</p>
</div>
<div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
<div class="tags"><span class="meta-heading">Project Status</span><span>Completed</span><span class="meta-heading">Client</span><span>Birmingham City Univeristy Christian Union</span><span class="meta-heading">Date</span><span>20-22 February 2016</span><span class="meta-heading">Products Created</span><span>Website and Poem</span></div><a class="btn btn-primary" role="button" href="https://projects.mrdaviscsit.uk/identity/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a><a class="btn btn-primary" role="button" href="https://github.com/MrDavisCSIT/TheComputersIdentity" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on GitHub</a>
<div class="tags"><span class="meta-heading">Project Status</span><span>Completed</span><span class="meta-heading">Client</span><span>Birmingham City University Mental Health Awareness</span><span class="meta-heading">Date</span><span>November 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span></div>
</div>
</div>
<div class="more-projects">
<h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
<div data-bss-type="blog-loop" data-bss-perpage="12">
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<div class="card"><a href="citation-needed.html"><img class="img-fluid card-img-top" width="2500" height="1125" src="../../assets/img/projects/citation_needed/login_screen.png"></a>
<div class="card-body"><a href="citation-needed.html">
<h4 class="text-body">Citation Needed</h4>
</a>
<p class="card-text">The proper way to cite university references</p>
</div>
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<div class="card"><a href="exam-buff-or-exam-bluff.html"><img class="img-fluid card-img-top" width="500" height="500" src="../../assets/img/projects/exam_buff%20or%20exam%20bluff/app_logo.png"></a>
<div class="card-body"><a href="exam-buff-or-exam-bluff.html">
<h4 class="text-body">Exam Buff or Exam Bluff</h4>
</a>
<p class="card-text">An quick and easy revision tool for both coding and theory. Only for Computer Science GCSE and above.</p>
</div>
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item">
<div class="card"><a href="societyplus.html"><img class="img-fluid card-img-top" width="940" height="500" src="../../assets/img/projects/society+/societypluspreview.png"></a>
<div class="card-body"><a href="societyplus.html">
<h4 class="text-body">Society+</h4>
</a>
<p class="card-text">A new way for societies to contact and administer membership.</p>
</div>
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="sortai.html"><img class="img-fluid card-img-top" width="333" height="222" src="../../assets/img/projects/sort.ai/sort.ai_logo.png"></a>
<div class="card-body"><a href="sortai.html">
<h4 class="text-body">Sort.AI</h4>
</a>
<p class="card-text">A Windows service concept that sorts your files automatically using the Google Natural Language API.
Awarded 3rd Place</p>
</div>
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="task-master.html"><img class="img-fluid card-img-top" width="940" height="500" src="../../assets/img/projects/task_master/taskmasterpreview.jpg"></a>
<div class="card-body"><a href="task-master.html">
<h4 class="text-body">Task Master</h4>
</a>
<p class="card-text">A Business Oriented Task and Project Management System.
Awarded 3rd Place</p>
</div>
</div>
</div>
<div class="post-tag-extracurricular-projects col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="the-computers-identity.html"><img class="img-fluid card-img-top" width="940" height="500" src="../../assets/img/projects/the_computers_identity/identitypreview.png"></a>
<div class="card-body"><a href="the-computers-identity.html">
<h4 class="text-body">The Computer's Identity</h4>
@@ -193,7 +233,8 @@
<ul class="pagination">
<li class="page-item disabled" data-type="prev" data-page="1"><a class="page-link" aria-label="Previous" href="#"><span aria-hidden="true">«</span></a></li>
<li class="page-item active" data-type="regular" data-page="1"><a class="page-link" href="#">1</a></li>
<li class="page-item disabled" data-type="next" data-page="1"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
<li class="page-item" data-type="regular" data-page="2"><a class="page-link" href="#">2</a></li>
<li class="page-item" data-type="next" data-page="2"><a class="page-link" aria-label="Next" href="#"><span aria-hidden="true">»</span></a></li>
</ul>
</nav>
</div>