You've already forked ProfessionalWebsite
New Colour Scheme
Changed from Teal & Green to Purple & Orange
This commit is contained in:
@@ -105,13 +105,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="assets/css/bss-overrides.css">
|
||||
@@ -126,16 +126,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link active" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -148,194 +148,194 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block block-intro" style="padding-bottom: 25px;">
|
||||
<div class="container">
|
||||
<div class="container center-everything">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-xl-6" style="align-content: center;">
|
||||
<div class="col" style="align-content: center;">
|
||||
<h1 style="margin-top: 25px;">Hello!</h1>
|
||||
<p style="margin-bottom: 15px;margin-top: 25px;">I am <strong>Alexander Davis.</strong></p><h2 style="margin-bottom: 25px;"><u class="coloured-underline">I'm a <span class="txt-rotate" data-period="1000" data-rotate="[ "Web Designer.", "Head of Computing.", "Programmer.", "Media Production Assistant.","Solutions Consultant." ]"></span></u></h2>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<picture><img class="w-100 h-auto" src="assets/img/brand/headshot.webp" style="height: 500px;"></picture>
|
||||
<div class="col">
|
||||
<picture><img class="w-100 h-auto" src="assets/img/brand/headshot.webp" style="max-width: 500px;"></picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container center-everything">
|
||||
<p style="margin-top: 15px;">I have been a huge fan of technology from a young age and I'm always looking out for the latest gadgets on the market.<br><br>This site is mainly to showcase my work with local organisations and companies around the West Midlands, most of which are based in Coventry.<br><br>If you would like more information about my work or you would like me to work with you, feel free to contact me!</p>
|
||||
</div>
|
||||
</section>
|
||||
<div class="accordion min-vw-100 work-experience group" role="tablist" id="accordion-1" style="margin-left: auto;margin-right: auto;">
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="false" aria-controls="accordion-1 .item-1">Teaching Experience</button></h2>
|
||||
<div class="accordion-collapse collapse item-1" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 25px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Teaching Experience</h2>
|
||||
</div>
|
||||
<div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
|
||||
<h3>Duke of Edinburgh Programme Lead</h3><span class="badge rounded-pill bg-primary">The Mercian Trust</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget velit ultricies, feugiat est sed, efficitur nunc, vivamus vel accumsan dui.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">01/2023 - Present</span>
|
||||
<h3>Head of Computing</h3><span class="badge rounded-pill bg-primary">The Mercian Trust</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget velit ultricies, feugiat est sed, efficitur nunc, vivamus vel accumsan dui.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2022 - 11/2022</span>
|
||||
<h3>Duke of Edinburgh Centre Manager</h3><span class="badge rounded-pill bg-primary">Central Region Schools Trust</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget velit ultricies, feugiat est sed, efficitur nunc, vivamus vel accumsan dui.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">09/2018 - 12/2022</span>
|
||||
<h3>Teacher of Computer Science</h3><span class="badge rounded-pill bg-primary">Central Region Schools Trust</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Created, developed and delivered appropriate Computing National Curriculum for the school and wider trust. Taken a pastoral role as a form tutor to engage with year 10 students delivering several PSHCE sessions which they are given the chance to voice their opinions of everyday issues. Primary teacher of Key Stage 3 Computing, Year 11 Computer Science and Year 12 BTEC IT students.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<div class="accordion work-experience group center-everything" role="tablist" id="accordion-1" style="max-width: 75%;">
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Teaching Experience</button></h2>
|
||||
<div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 25px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Teaching Experience</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Previous Employment</button></h2>
|
||||
<div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 0px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Previous Employment</h2>
|
||||
<div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
|
||||
<h3>Duke of Edinburgh Programme Lead</h3><span class="badge rounded-pill bg-primary">The Mercian Trust</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget velit ultricies, feugiat est sed, efficitur nunc, vivamus vel accumsan dui.</p>
|
||||
</div>
|
||||
<div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 - <strong>07/2017</strong></span>
|
||||
<h3>Student Academic Partner</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">01/2023 - Present</span>
|
||||
<h3>Head of Computing</h3><span class="badge rounded-pill bg-primary">The Mercian Trust</span>
|
||||
</div>
|
||||
<p>Helped lecturers within research projects. The main project developed and delivered a student support pack for students with learning difficulties such as Dyslexia and Dyspraxia.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2017 - <strong>07/2017</strong></span>
|
||||
<h3>Data Entry Assistant</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Entered information that students have filled into their mid-module evaluations. Also linked these forms to the relevant modules and send the completed reports to the module coordinator.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 - <strong>06/2016</strong></span>
|
||||
<h3>Demonstrator</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Supported academic staff and fellow demonstrators with ensuring students were completing set work and assisting if they had questions. Provided in-depth support surrounding web design projects as part of their module including troubleshooting programming issues and errors encountered by students during lab sessions. Ensured electronic equipment was used correctly and completing basic troubleshooting if equipment did not work.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">06/2015 - <strong>07/2016</strong></span>
|
||||
<h3>Services Support Assistant/Checkout Team Leader</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Supported customers requiring help on the checkouts, car park, cafe, dry cleaning and kiosk. Assisted Team Managers with the closedown, change runs and some of the administration work. Also dealt with personnel issues such as appraisals, disciplinary and general staffing issues.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">11/2014 - 11/2015</span>
|
||||
<h3>Grocery Sales Assistant</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Restocked shelves, reduce damaged items and process goods not for resale. Helped customers locate items that they require.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">11/2013 - 11/2014</span>
|
||||
<h3>Trolley Assistant</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Collected baskets and trolleys around the premises and ensures that they are both clean and safe for the next customer. Required to work to tight deadlines during the evening to ensure that the next team could continue the work in a safe and clean environment.</p>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget velit ultricies, feugiat est sed, efficitur nunc, vivamus vel accumsan dui.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Volunteering Experience</button></h2>
|
||||
<div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 0px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Volunteering Experience</h2>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2022 - 11/2022</span>
|
||||
<h3>Duke of Edinburgh Centre Manager</h3><span class="badge rounded-pill bg-primary">Central Region Schools Trust</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget velit ultricies, feugiat est sed, efficitur nunc, vivamus vel accumsan dui.</p>
|
||||
</div>
|
||||
<div class="work-experience group" style="margin-top: 25px;">
|
||||
<div class="item" style="margin-top: 25px;">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
|
||||
<h3>Children’s Workforce Children and Youth Worker</h3><span class="badge rounded-pill bg-primary">The Parish of Keresley with Coundon</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">09/2018 - 12/2022</span>
|
||||
<h3>Teacher of Computer Science</h3><span class="badge rounded-pill bg-primary">Central Region Schools Trust</span>
|
||||
</div>
|
||||
<p>Led groups with other members of the Church and previously helped lead the Sunday morning worship sessions. Within the week, helped plan and lead the main youth group for school years 7-11.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="true" aria-controls="accordion-1 .item-4">Education</button></h2>
|
||||
<div class="accordion-collapse collapse show item-4" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 0px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Education</h2>
|
||||
</div>
|
||||
<div class="education group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
|
||||
<div class="item" style="margin-top: 25px;">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">10/2020 - 08/2023</span>
|
||||
<h3>Masters in Education (Teaching & Learning)</h3><span class="badge rounded-pill bg-secondary">The Open University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Effectively used information technology and information literacy skills to search for, exchange, process and evaluate information, framed and addressing problems, questions and issues. Demonstrated logical thought and the ability to form a clearly structured argument using established ideas and techniques of critical analysis and enquiry in <br>evaluating information, arguments and assumptions.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period"><strong>09/2017 - 08/2018</strong></span>
|
||||
<h3>PGCE Secondary Computer Science & IT</h3><span class="badge rounded-pill bg-secondary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Vice-president of the Mental Health Awareness society in 2017-2018 planned and coordinated events across the university for students with a wide range of mental health and invisible illnesses. </p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period"><strong>09/2014 - 08/2017</strong></span>
|
||||
<h3>Bachelor of Science with Honours in Computer Science</h3><span class="badge rounded-pill bg-secondary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Regular member of the Christian Union and helped them design and maintain their website. Co-founding President of BCU Mental Health Awareness contacting organisations and planning events with a team of students.<br>Units include: Data Analysis, Software Development, Computer and Network Fundamentals, IT Professionalism, Web Technologies and Open Source Systems.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">09/2006 - 08/2014</span>
|
||||
<h3>Secondary & Further Education</h3><span class="badge rounded-pill bg-secondary">Coundon Court School</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>10 GCSEs (or equivalent) incl. English, Maths and Science<br>3 A Levels (or equivalent) in IT (QCF), Computing and Product Design</p>
|
||||
</div>
|
||||
<p>Created, developed and delivered appropriate Computing National Curriculum for the school and wider trust. Taken a pastoral role as a form tutor to engage with year 10 students delivering several PSHCE sessions which they are given the chance to voice their opinions of everyday issues. Primary teacher of Key Stage 3 Computing, Year 11 Computer Science and Year 12 BTEC IT students.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Previous Employment</button></h2>
|
||||
<div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 0px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Previous Employment</h2>
|
||||
</div>
|
||||
<div class="work-experience group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 - <strong>07/2017</strong></span>
|
||||
<h3>Student Academic Partner</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Helped lecturers within research projects. The main project developed and delivered a student support pack for students with learning difficulties such as Dyslexia and Dyspraxia.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2017 - <strong>07/2017</strong></span>
|
||||
<h3>Data Entry Assistant</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Entered information that students have filled into their mid-module evaluations. Also linked these forms to the relevant modules and send the completed reports to the module coordinator.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">02/2016 - <strong>06/2016</strong></span>
|
||||
<h3>Demonstrator</h3><span class="badge rounded-pill bg-primary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Supported academic staff and fellow demonstrators with ensuring students were completing set work and assisting if they had questions. Provided in-depth support surrounding web design projects as part of their module including troubleshooting programming issues and errors encountered by students during lab sessions. Ensured electronic equipment was used correctly and completing basic troubleshooting if equipment did not work.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">06/2015 - <strong>07/2016</strong></span>
|
||||
<h3>Services Support Assistant/Checkout Team Leader</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Supported customers requiring help on the checkouts, car park, cafe, dry cleaning and kiosk. Assisted Team Managers with the closedown, change runs and some of the administration work. Also dealt with personnel issues such as appraisals, disciplinary and general staffing issues.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">11/2014 - 11/2015</span>
|
||||
<h3>Grocery Sales Assistant</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Restocked shelves, reduce damaged items and process goods not for resale. Helped customers locate items that they require.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">11/2013 - 11/2014</span>
|
||||
<h3>Trolley Assistant</h3><span class="badge rounded-pill bg-primary">WM Morrison Supermarkets PLC</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Collected baskets and trolleys around the premises and ensures that they are both clean and safe for the next customer. Required to work to tight deadlines during the evening to ensure that the next team could continue the work in a safe and clean environment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Volunteering Experience</button></h2>
|
||||
<div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 0px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Volunteering Experience</h2>
|
||||
</div>
|
||||
<div class="work-experience group" style="margin-top: 25px;">
|
||||
<div class="item" style="margin-top: 25px;">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">07/2023 - Present</span>
|
||||
<h3>Children’s Workforce Children and Youth Worker</h3><span class="badge rounded-pill bg-primary">The Parish of Keresley with Coundon</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Led groups with other members of the Church and previously helped lead the Sunday morning worship sessions. Within the week, helped plan and lead the main youth group for school years 7-11.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item portfolio-block cv" style="padding-bottom: 0px;padding-top: 0px;">
|
||||
<h2 class="accordion-header" role="tab" style="margin-bottom: 0px;"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="false" aria-controls="accordion-1 .item-4">Education</button></h2>
|
||||
<div class="accordion-collapse collapse item-4" role="tabpanel" data-bs-parent="#accordion-1">
|
||||
<div class="accordion-body">
|
||||
<div class="heading" style="margin-bottom: 0px;">
|
||||
<h2 class="text-capitalize text-center" style="margin-bottom: 0px;">Education</h2>
|
||||
</div>
|
||||
<div class="education group" style="margin-top: 25px;margin-right: auto;margin-left: auto;">
|
||||
<div class="item" style="margin-top: 25px;">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">10/2020 - 08/2023</span>
|
||||
<h3>Masters in Education (Teaching & Learning)</h3><span class="badge rounded-pill bg-secondary">The Open University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Effectively used information technology and information literacy skills to search for, exchange, process and evaluate information, framed and addressing problems, questions and issues. Demonstrated logical thought and the ability to form a clearly structured argument using established ideas and techniques of critical analysis and enquiry in <br>evaluating information, arguments and assumptions.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period"><strong>09/2017 - 08/2018</strong></span>
|
||||
<h3>PGCE Secondary Computer Science & IT</h3><span class="badge rounded-pill bg-secondary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Vice-president of the Mental Health Awareness society in 2017-2018 planned and coordinated events across the university for students with a wide range of mental health and invisible illnesses. </p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period"><strong>09/2014 - 08/2017</strong></span>
|
||||
<h3>Bachelor of Science with Honours in Computer Science</h3><span class="badge rounded-pill bg-secondary">Birmingham City University</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>Regular member of the Christian Union and helped them design and maintain their website. Co-founding President of BCU Mental Health Awareness contacting organisations and planning events with a team of students.<br>Units include: Data Analysis, Software Development, Computer and Network Fundamentals, IT Professionalism, Web Technologies and Open Source Systems.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div><span class="text-muted d-flex d-sm-flex d-md-flex justify-content-end period">09/2006 - 08/2014</span>
|
||||
<h3>Secondary & Further Education</h3><span class="badge rounded-pill bg-secondary">Coundon Court School</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>10 GCSEs (or equivalent) incl. English, Maths and Science<br>3 A Levels (or equivalent) in IT (QCF), Computing and Product Design</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -362,7 +362,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -374,13 +374,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -405,7 +405,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -432,7 +432,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -451,7 +451,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -2,14 +2,14 @@
|
||||
--border-angle: 0turn;
|
||||
--main-bg: conic-gradient(
|
||||
from var(--border-angle),
|
||||
#154854,
|
||||
var(--bs-primary),
|
||||
#112 5%,
|
||||
#112 60%,
|
||||
#213 95%
|
||||
);
|
||||
border: solid 5px transparent;
|
||||
border-radius: 5px;
|
||||
--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #154854, #60C401 99%, transparent);
|
||||
--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, var(--bs-primary), var(--bs-secondary) 99%, transparent);
|
||||
background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
|
||||
background-position: center center;
|
||||
animation: bg-spin 3s linear infinite;
|
||||
@@ -27,23 +27,23 @@
|
||||
}
|
||||
@keyframes colour-change {
|
||||
0% {
|
||||
background: linear-gradient(120deg, #154854, #60C401);
|
||||
background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary));
|
||||
}
|
||||
50% {
|
||||
background: linear-gradient(120deg, #60C401, #154854, #60C401);
|
||||
background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary), var(--bs-secondary));
|
||||
}
|
||||
100% {
|
||||
background: linear-gradient(120deg, #60C401, #154854);
|
||||
background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary));
|
||||
}
|
||||
}
|
||||
@keyframes reverse-colour-change {
|
||||
0% {
|
||||
background: linear-gradient(120deg, #60C401, #154854);
|
||||
background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary));
|
||||
}
|
||||
50% {
|
||||
background: linear-gradient(120deg, #154854, #60C401, #154854);
|
||||
background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary), var(--bs-primary));
|
||||
}
|
||||
100% {
|
||||
background: linear-gradient(120deg, #154854, #60C401);
|
||||
background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary));
|
||||
}
|
||||
}
|
||||
@@ -1,123 +1,159 @@
|
||||
:root, [data-bs-theme=light] {
|
||||
--bs-primary: #154854;
|
||||
--bs-primary-rgb: 21,72,84;
|
||||
--bs-primary-text-emphasis: #081D22;
|
||||
--bs-primary-bg-subtle: #D0DADD;
|
||||
--bs-primary-border-subtle: #A1B6BB;
|
||||
--bs-secondary: #60C401;
|
||||
--bs-secondary-rgb: 96,196,1;
|
||||
--bs-secondary-text-emphasis: #264E00;
|
||||
--bs-secondary-bg-subtle: #DFF3CC;
|
||||
--bs-secondary-border-subtle: #BFE799;
|
||||
--bs-link-color: #154854;
|
||||
--bs-link-color-rgb: 21,72,84;
|
||||
--bs-link-hover-color: #60C401;
|
||||
--bs-link-hover-color-rgb: 96,196,1;
|
||||
--bs-primary: #381741;
|
||||
--bs-primary-rgb: 56,23,65;
|
||||
--bs-primary-text-emphasis: #16091A;
|
||||
--bs-primary-bg-subtle: #D7D1D9;
|
||||
--bs-primary-border-subtle: #AFA2B3;
|
||||
--bs-secondary: #e86b17;
|
||||
--bs-secondary-rgb: 232,107,23;
|
||||
--bs-secondary-text-emphasis: #5D2B09;
|
||||
--bs-secondary-bg-subtle: #FAE1D1;
|
||||
--bs-secondary-border-subtle: #F6C4A2;
|
||||
--bs-link-color: #381741;
|
||||
--bs-link-color-rgb: 56,23,65;
|
||||
--bs-link-hover-color: #e86b17;
|
||||
--bs-link-hover-color-rgb: 232,107,23;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #154854;
|
||||
--bs-btn-border-color: #154854;
|
||||
--bs-btn-bg: #381741;
|
||||
--bs-btn-border-color: #381741;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #123D47;
|
||||
--bs-btn-hover-border-color: #113A43;
|
||||
--bs-btn-focus-shadow-rgb: 220,228,229;
|
||||
--bs-btn-hover-bg: #301437;
|
||||
--bs-btn-hover-border-color: #2D1234;
|
||||
--bs-btn-focus-shadow-rgb: 225,220,227;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #113A43;
|
||||
--bs-btn-active-border-color: #10363F;
|
||||
--bs-btn-active-bg: #2D1234;
|
||||
--bs-btn-active-border-color: #2A1131;
|
||||
--bs-btn-disabled-color: #fff;
|
||||
--bs-btn-disabled-bg: #154854;
|
||||
--bs-btn-disabled-border-color: #154854;
|
||||
--bs-btn-disabled-bg: #381741;
|
||||
--bs-btn-disabled-border-color: #381741;
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
--bs-btn-color: #154854;
|
||||
--bs-btn-border-color: #154854;
|
||||
--bs-btn-focus-shadow-rgb: 21,72,84;
|
||||
--bs-btn-color: #381741;
|
||||
--bs-btn-border-color: #381741;
|
||||
--bs-btn-focus-shadow-rgb: 56,23,65;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #154854;
|
||||
--bs-btn-hover-border-color: #154854;
|
||||
--bs-btn-hover-bg: #381741;
|
||||
--bs-btn-hover-border-color: #381741;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #154854;
|
||||
--bs-btn-active-border-color: #154854;
|
||||
--bs-btn-disabled-color: #154854;
|
||||
--bs-btn-active-bg: #381741;
|
||||
--bs-btn-active-border-color: #381741;
|
||||
--bs-btn-disabled-color: #381741;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #154854;
|
||||
--bs-btn-disabled-border-color: #381741;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
--bs-btn-color: #000000;
|
||||
--bs-btn-bg: #60C401;
|
||||
--bs-btn-border-color: #60C401;
|
||||
--bs-btn-bg: #e86b17;
|
||||
--bs-btn-border-color: #e86b17;
|
||||
--bs-btn-hover-color: #000000;
|
||||
--bs-btn-hover-bg: #78CD27;
|
||||
--bs-btn-hover-border-color: #70CA1A;
|
||||
--bs-btn-focus-shadow-rgb: 14,29,0;
|
||||
--bs-btn-hover-bg: #EB813A;
|
||||
--bs-btn-hover-border-color: #EA7A2E;
|
||||
--bs-btn-focus-shadow-rgb: 35,16,3;
|
||||
--bs-btn-active-color: #000000;
|
||||
--bs-btn-active-bg: #80D034;
|
||||
--bs-btn-active-border-color: #70CA1A;
|
||||
--bs-btn-active-bg: #ED8945;
|
||||
--bs-btn-active-border-color: #EA7A2E;
|
||||
--bs-btn-disabled-color: #000000;
|
||||
--bs-btn-disabled-bg: #60C401;
|
||||
--bs-btn-disabled-border-color: #60C401;
|
||||
--bs-btn-disabled-bg: #e86b17;
|
||||
--bs-btn-disabled-border-color: #e86b17;
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
--bs-btn-color: #60C401;
|
||||
--bs-btn-border-color: #60C401;
|
||||
--bs-btn-focus-shadow-rgb: 96,196,1;
|
||||
--bs-btn-color: #e86b17;
|
||||
--bs-btn-border-color: #e86b17;
|
||||
--bs-btn-focus-shadow-rgb: 232,107,23;
|
||||
--bs-btn-hover-color: #000000;
|
||||
--bs-btn-hover-bg: #60C401;
|
||||
--bs-btn-hover-border-color: #60C401;
|
||||
--bs-btn-hover-bg: #e86b17;
|
||||
--bs-btn-hover-border-color: #e86b17;
|
||||
--bs-btn-active-color: #000000;
|
||||
--bs-btn-active-bg: #60C401;
|
||||
--bs-btn-active-border-color: #60C401;
|
||||
--bs-btn-disabled-color: #60C401;
|
||||
--bs-btn-active-bg: #e86b17;
|
||||
--bs-btn-active-border-color: #e86b17;
|
||||
--bs-btn-disabled-color: #e86b17;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #60C401;
|
||||
--bs-btn-disabled-border-color: #e86b17;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] {
|
||||
--bs-primary: #60C401;
|
||||
--bs-primary-rgb: 96,196,1;
|
||||
--bs-primary-text-emphasis: #A0DC67;
|
||||
--bs-primary-bg-subtle: #132700;
|
||||
--bs-primary-border-subtle: #3A7601;
|
||||
--bs-primary: #e86b17;
|
||||
--bs-primary-rgb: 232,107,23;
|
||||
--bs-primary-text-emphasis: #F1A674;
|
||||
--bs-primary-bg-subtle: #2E1505;
|
||||
--bs-primary-border-subtle: #8B400E;
|
||||
--bs-secondary: #381741;
|
||||
--bs-secondary-rgb: 56,23,65;
|
||||
--bs-secondary-text-emphasis: #88748D;
|
||||
--bs-secondary-bg-subtle: #0B050D;
|
||||
--bs-secondary-border-subtle: #220E27;
|
||||
--bs-link-color: #ffffff;
|
||||
--bs-link-color-rgb: 255,255,255;
|
||||
--bs-link-hover-color: #60C401;
|
||||
--bs-link-hover-color-rgb: 96,196,1;
|
||||
--bs-link-hover-color: #e86b17;
|
||||
--bs-link-hover-color-rgb: 232,107,23;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .btn-primary, .btn-primary[data-bs-theme=dark] {
|
||||
--bs-btn-color: #000000;
|
||||
--bs-btn-bg: #60C401;
|
||||
--bs-btn-border-color: #60C401;
|
||||
--bs-btn-bg: #e86b17;
|
||||
--bs-btn-border-color: #e86b17;
|
||||
--bs-btn-hover-color: #000000;
|
||||
--bs-btn-hover-bg: #78CD27;
|
||||
--bs-btn-hover-border-color: #70CA1A;
|
||||
--bs-btn-focus-shadow-rgb: 14,29,0;
|
||||
--bs-btn-hover-bg: #EB813A;
|
||||
--bs-btn-hover-border-color: #EA7A2E;
|
||||
--bs-btn-focus-shadow-rgb: 35,16,3;
|
||||
--bs-btn-active-color: #000000;
|
||||
--bs-btn-active-bg: #80D034;
|
||||
--bs-btn-active-border-color: #70CA1A;
|
||||
--bs-btn-active-bg: #ED8945;
|
||||
--bs-btn-active-border-color: #EA7A2E;
|
||||
--bs-btn-disabled-color: #000000;
|
||||
--bs-btn-disabled-bg: #60C401;
|
||||
--bs-btn-disabled-border-color: #60C401;
|
||||
--bs-btn-disabled-bg: #e86b17;
|
||||
--bs-btn-disabled-border-color: #e86b17;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .btn-outline-primary, .btn-outline-primary[data-bs-theme=dark] {
|
||||
--bs-btn-color: #60C401;
|
||||
--bs-btn-border-color: #60C401;
|
||||
--bs-btn-focus-shadow-rgb: 96,196,1;
|
||||
--bs-btn-color: #e86b17;
|
||||
--bs-btn-border-color: #e86b17;
|
||||
--bs-btn-focus-shadow-rgb: 232,107,23;
|
||||
--bs-btn-hover-color: #000000;
|
||||
--bs-btn-hover-bg: #60C401;
|
||||
--bs-btn-hover-border-color: #60C401;
|
||||
--bs-btn-hover-bg: #e86b17;
|
||||
--bs-btn-hover-border-color: #e86b17;
|
||||
--bs-btn-active-color: #000000;
|
||||
--bs-btn-active-bg: #60C401;
|
||||
--bs-btn-active-border-color: #60C401;
|
||||
--bs-btn-disabled-color: #60C401;
|
||||
--bs-btn-active-bg: #e86b17;
|
||||
--bs-btn-active-border-color: #e86b17;
|
||||
--bs-btn-disabled-color: #e86b17;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #60C401;
|
||||
--bs-btn-disabled-border-color: #e86b17;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .btn-secondary, .btn-secondary[data-bs-theme=dark] {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #381741;
|
||||
--bs-btn-border-color: #381741;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #301437;
|
||||
--bs-btn-hover-border-color: #2D1234;
|
||||
--bs-btn-focus-shadow-rgb: 225,220,227;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #2D1234;
|
||||
--bs-btn-active-border-color: #2A1131;
|
||||
--bs-btn-disabled-color: #fff;
|
||||
--bs-btn-disabled-bg: #381741;
|
||||
--bs-btn-disabled-border-color: #381741;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .btn-outline-secondary, .btn-outline-secondary[data-bs-theme=dark] {
|
||||
--bs-btn-color: #381741;
|
||||
--bs-btn-border-color: #381741;
|
||||
--bs-btn-focus-shadow-rgb: 56,23,65;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #381741;
|
||||
--bs-btn-hover-border-color: #381741;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #381741;
|
||||
--bs-btn-active-border-color: #381741;
|
||||
--bs-btn-disabled-color: #381741;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #381741;
|
||||
}
|
||||
|
||||
.py-4 {
|
||||
|
||||
@@ -74,32 +74,32 @@
|
||||
[data-bs-theme=dark] .card-link .blog-link {
|
||||
--bs-link-color: #ffffff !important;
|
||||
--bs-link-color-rgb: 255,255,255 !important;
|
||||
--bs-link-hover-color: #60C401 !important;
|
||||
--bs-link-hover-color-rgb: 96,196,1 !important;
|
||||
--bs-link-hover-color: var(--bs-secondary) !important;
|
||||
--bs-link-hover-color-rgb: var(--bs-secondary-rgb) !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .card-link .blog-link:hover {
|
||||
--bs-link-color: #ffffff !important;
|
||||
--bs-link-color-rgb: 255,255,255 !important;
|
||||
--bs-link-hover-color: #60C401 !important;
|
||||
--bs-link-hover-color-rgb: 96,196,1 !important;
|
||||
color: #60C401 !important;
|
||||
--bs-link-hover-color: var(--bs-secondary) !important;
|
||||
--bs-link-hover-color-rgb: var(--bs-secondary-rgb) !important;
|
||||
color: var(--bs-secondary) !important;
|
||||
}
|
||||
|
||||
[data-bs-theme=light] .card-link .blog-link {
|
||||
--bs-link-color: #154854 !important;
|
||||
--bs-link-color-rgb: 21,72,84 !important;
|
||||
--bs-link-hover-color: #60C401 !important;
|
||||
--bs-link-hover-color-rgb: 96,196,1 !important;
|
||||
--bs-link-color: var(--bs-primary) !important;
|
||||
--bs-link-color-rgb: var(--bs-primary-rgb) !important;
|
||||
--bs-link-hover-color: var(--bs-secondary) !important;
|
||||
--bs-link-hover-color-rgb: var(--bs-secondary-rgb) !important;
|
||||
color: var(--bs-link-color);
|
||||
}
|
||||
|
||||
[data-bs-theme=light] .card-link .blog-link:hover {
|
||||
--bs-link-color: #154854 !important;
|
||||
--bs-link-color-rgb: 21,72,84 !important;
|
||||
--bs-link-hover-color: #60C401 !important;
|
||||
--bs-link-hover-color-rgb: 96,196,1 !important;
|
||||
--bs-link-color: var(--bs-primary) !important;
|
||||
--bs-link-color-rgb: var(--bs-primary-rgb) !important;
|
||||
--bs-link-hover-color: var(--bs-secondary) !important;
|
||||
--bs-link-hover-color-rgb: var(--bs-secondary-rgb) !important;
|
||||
color: var(--bs-link-hover-color);
|
||||
}
|
||||
|
||||
@@ -144,13 +144,13 @@
|
||||
}
|
||||
|
||||
[data-bs-theme=light] .gradient {
|
||||
background: linear-gradient(120deg, #154854, #60C401)!important;
|
||||
background: linear-gradient(120deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-secondary-rgb)))!important;
|
||||
color: #fff;
|
||||
transition: background 1000ms linear;
|
||||
}
|
||||
|
||||
[data-bs-theme=auto] .gradient {
|
||||
background: linear-gradient(120deg, #154854, #60C401)!important;
|
||||
background: linear-gradient(120deg, rgb(var(--bs-primary-rgb)), rgb(var(--bs-secondary-rgb)))!important;
|
||||
color: #fff;
|
||||
transition: background 1000ms linear;
|
||||
}
|
||||
@@ -173,7 +173,7 @@
|
||||
} */
|
||||
|
||||
[data-bs-theme=dark] .gradient {
|
||||
background: linear-gradient(120deg, #60C401, #154854)!important;
|
||||
background: linear-gradient(120deg, rgb(var(--bs-secondary-rgb)), rgb(var(--bs-primary-rgb)))!important;
|
||||
color: #fff;
|
||||
transition: background 1000ms linear;
|
||||
}
|
||||
@@ -188,10 +188,10 @@
|
||||
[data-bs-theme=dark] .coloured-underline {
|
||||
/*text-decoration-line: underline;*/
|
||||
/*text-decoration-thickness: 2.5px;*/
|
||||
/*text-decoration-color: linear-gradient(#60C401, #154854), linear-gradient(rgb(96, 196, 1),rgb(96, 196, 1)), linear-gradient(#154854, #154854);*/
|
||||
/*text-decoration-color: linear-gradient(--bs-secondary, var(--bs-primary)), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(var(--bs-primary), var(--bs-primary));*/
|
||||
/*transition: background-size 2s linear, background-position 2s linear;*/
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(#070d21, #070d21), linear-gradient(rgb(96, 196, 1),rgb(96, 196, 1)), linear-gradient(#154854, #154854);
|
||||
background-image: linear-gradient(#070d21, #070d21), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(rgb(var(--bs-primary-rgb)),rgb(var(--bs-primary-rgb)));
|
||||
background-size: 20px 2px, 100% 2px, 0 2px;
|
||||
background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -201,10 +201,10 @@
|
||||
[data-bs-theme=light] .coloured-underline {
|
||||
/*text-decoration-line: underline;*/
|
||||
/*text-decoration-thickness: 2.5px;*/
|
||||
/*text-decoration-color: linear-gradient(#60C401, #154854), linear-gradient(rgb(96, 196, 1),rgb(96, 196, 1)), linear-gradient(#154854, #154854);*/
|
||||
/*text-decoration-color: linear-gradient(--bs-secondary, var(--bs-primary)), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(var(--bs-primary), var(--bs-primary));*/
|
||||
/*transition: background-size 2s linear, background-position 2s linear;*/
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(#fff, #fff), linear-gradient(rgb(96, 196, 1),rgb(96, 196, 1)), linear-gradient(#154854, #154854);
|
||||
background-image: linear-gradient(#fff, #fff), linear-gradient(rgb(var(--bs-secondary-rgb)),rgb(var(--bs-secondary-rgb))), linear-gradient(rgb(var(--bs-primary-rgb)),rgb(var(--bs-primary-rgb)));
|
||||
background-size: 20px 2px, 100% 2px, 0 2px;
|
||||
background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -230,7 +230,7 @@
|
||||
}
|
||||
|
||||
.rainbow-border {
|
||||
max-height: 150px;
|
||||
max-height: 15em;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@@ -238,3 +238,65 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slider-image-fit {
|
||||
object-fit: contain !important;
|
||||
}
|
||||
|
||||
.center-everything {
|
||||
margin-right: auto!important;
|
||||
margin-left: auto!important;
|
||||
}
|
||||
|
||||
.portfolio-block.block-intro {
|
||||
text-align: center;
|
||||
padding-top: 5em;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
|
||||
.portfolio-block.project {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 3em;
|
||||
}
|
||||
|
||||
.portfolio-block.project .more-projects {
|
||||
margin-top: 2em;
|
||||
border-top: 1px solid var(--bs-dark-subtle);
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.portfolio-block.block-intro p {
|
||||
font-size: 1.5em;
|
||||
font-weight: 300;
|
||||
margin-bottom: 30px;
|
||||
max-width: 95%;
|
||||
}
|
||||
|
||||
.project-carousel {
|
||||
width: 95%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.portfolio-block .heading h2, .portfolio-block .heading .h2 {
|
||||
text-transform: capitalize;
|
||||
margin-top: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
color: var(--bs-heading-color);
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.swiper-control {
|
||||
color: var(--bs-secondary);
|
||||
}
|
||||
|
||||
:root {
|
||||
--swiper-theme-color: var(--bs-secondary);
|
||||
}
|
||||
|
||||
.dropdown-menu .dropdown-item:active {
|
||||
--bs-dropdown-link-active-bg: var(--bs-secondary)!important;
|
||||
}
|
||||
|
||||
|
||||
BIN
Export/assets/img/brand/ADCM Logo 2025.png
Normal file
BIN
Export/assets/img/brand/ADCM Logo 2025.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 371 KiB |
BIN
Export/assets/img/photo-1454789548928-9efd52dc4031.jpg
Normal file
BIN
Export/assets/img/photo-1454789548928-9efd52dc4031.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
Export/assets/img/photo-1489599849927-2ee91cede3ba.jpg
Normal file
BIN
Export/assets/img/photo-1489599849927-2ee91cede3ba.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 356 KiB After Width: | Height: | Size: 356 KiB |
|
Before Width: | Height: | Size: 93 KiB After Width: | Height: | Size: 93 KiB |
@@ -21,7 +21,7 @@
|
||||
|
||||
<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>Project Page - ADCM Networks</title>
|
||||
<title>Latest Updates</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/brand/headshot.webp">
|
||||
<script>
|
||||
@@ -105,13 +105,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="assets/css/bss-overrides.css">
|
||||
@@ -126,16 +126,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -148,7 +148,7 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="container center-everything">
|
||||
<div class="heading" style="margin-bottom: 25px;">
|
||||
<h1>Latest Updates</h1>
|
||||
</div>
|
||||
@@ -238,7 +238,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -265,7 +265,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -277,13 +277,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -308,7 +308,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -335,7 +335,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -354,7 +354,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -149,10 +149,12 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="heading blog-heading">
|
||||
<h1>Acknowledgements & Dedications</h1><time datetime="2023-12-18">18 Dec 2023</time>
|
||||
<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("../assets/img/blog/dissertation-acknowledgements.jpg") center / cover;color: white;">
|
||||
<h2>Acknowledgements & Dedications</h2><time class="fs-5" datetime="2023-12-18">18 Dec 2023</time>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container center-everything">
|
||||
<h5 class="text-center">Now that I have completed my dissertation and received my passing result, I am happy to share this with the world.<br><br><br><br>This is a pre-written section that is not currently part of my official Masters Dissertation submission</h5>
|
||||
<p>Firstly, I would like to state that these have been the longest and busiest 3 years of my life and career. From starting this course during COVID lockdowns to changing job and school partway through and to having to retake a full year just to get things perfect. Knowing all of this beforehand would have probably put me off doing this course but I must admit this has allowed me to grow and develop my practice and relationships with those who matter the most. I would like to thank the my friends and support tutors for their ongoing and unconditional support throughout my masters journey:<br><br>A special thank you goes to Keziah, Keith, Emma and the amazing team at my school for providing me with a warm welcome and the incredible support and guidance I needed to become a committed and confident teacher and head of department. Thank you also for reigniting the flame within me which drives my passion for teaching.<br><br>Secondly, I would like to thank those who have been with me throughout the studies. Linda has played a massive role in my Masters journey. She has always made sure that me disabilities do not prevent me from studying and end up with incomplete or substandard work. Her incredible emotional intelligence picks up on when I am not feeling great and she has on multiple occasions diverted my focus or re-directed me a different task what I would be able to complete in a large variety of mindsets. Without Linda, and her drive to get the best out of everyone, I would not be in a position to say I completed a Masters level degree and be confident that I earned the qualification. Candida joined my journey towards the last few months of the dissertation yet it has felt like she had always been part of the journey; the study skills and techniques I discussed, practiced and trialled with her guidance not only helped me focus and progress, but are now a vital toolkit for the students I teach in schools.<br><br>Thirdly, yes thirdly, I want to thank the two wonderful Neurodivergence Coaches I have worked with over the past 2 years. Laura and Julie have worked on the work side of things making sure I am not overwhelmed with live, the universe and everything within it. Laura has watched me go into a new, much bigger role in a new environment and watched as I didn't crash and burn. Much to the surprise and amazement of me! Undertsanding the neruodiverse needs I have as my career and teaching practice develops and flourish to become what BCU originally told me I would be come back in 2018; Committed, Creative, Confident. Laura has allowed me to be more confident in my work and understand how and why I think things in a certain way. Our sessions have allowed me to implement a number of coping strategies to bring me down from times where I am experiencing a high amount of anxiety and stress and she has always been able to be the voice of reasoning so I can respond to the more challenging areas of my work. I would not have been able to complete my Masters studies as well as be able to apply for promotion in my area of expertise without Laura's help, support and guidance.<br><br>Finally, I want to dedicate this dissertation my my partner, Lyall. Thank you for being my rock through my studies and somehow being the sane one out of the two of us.</p>
|
||||
<div data-bss-type="blog-loop" style="padding-top: 25px;">
|
||||
@@ -190,7 +192,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -217,7 +219,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -229,13 +231,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -260,7 +262,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -287,7 +289,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -306,7 +308,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -149,9 +149,9 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="heading blog-heading">
|
||||
<h1>Clearing the Clutter: A Digital and Personal Reset</h1><time datetime="2025-05-26">26 May 2025</time>
|
||||
<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("../assets/img/blog/clearning-the-clutter.jpg") center / cover;color: white;">
|
||||
<h2>Clearing the Clutter: A Digital and Personal Reset</h2><time class="fs-5" datetime="2025-05-26">26 May 2025</time>
|
||||
</div>
|
||||
<h2>Well, that lasted…</h2>
|
||||
<p>I’ve been wanting to do something like this for a few years now, and this finally seems like the right time to take action.<br><br>I’ve always been deeply passionate about web design and building modern, dynamic websites for people. I’ve always found it fun - even in those moments when I wanted to tear my hair out over it. Now that my 30th birthday is this week, I’ve taken some time to reflect on what I’ve built (literally).<br><br>To be honest, web design has always been a passion project. No matter how I ended up in the depths of web development, it’s something I turn to when I need a break. That’s how this whole website came together over Easter!<br><br>But now, looking back - not just at web design but at my life in general - I realize there are commitments, and people, that I need to let go of. Some relationships have naturally run their course, while others were never meant to take the path they did in the first place. Keeping certain people around has only drained my energy, and in some cases, they’ve been outright toxic to have in my life. It’s time to make the conscious choice to step away - just because I'm done giving my time and energy to people who have never deserved it in the first place. Normally, this kind of reflection might signal a midlife crisis for a man my age, but that’s not the case here. I’m not writing this to announce that I’m about to jump into every harebrained scheme or viral trend, nor am I declaring an intent to become a social recluse. This post is about something better - something I need to get off my chest once and for all.<br><br>I started getting into web design around sixteen years ago. At one point, I was juggling up to six websites at once - not including my own sites, my portfolio, Anything But IE (my blog site), or anything I created at a hackathon. Today, I still maintain two core websites for other people, but I’ve felt locked into them - and not in a good way.<br><br>Starting July 1st, all ongoing web design projects will enter their “Sunsetting Phase”. This means that in their next big phase, I will slowly and eventually withdraw my involvement. While I’ll still be available for consulting, that’s not something I’m willing or offering to everyone I’ve worked with. Alongside stepping back from web projects, I also intend to distance myself from certain friendships - especially those that have become one-sided, draining, or outright damaging. Whether it’s the feeling of having to force a conversation, being treated like an afterthought, or only being contacted when someone wants something, I’ve recognized that some relationships aren’t worth holding onto. This isn’t about resentment - it’s about finally prioritizing my own well-being.<br><br>Now, I’m not saying I’m done with web design. Far from it! This current website was hastily thrown together, and now I’m paying the price for it. Seriously, what in the ADHD possessed me to pay for a Squarespace website? Given all my financial commitments, it was a reckless expense. My new site will be built using HTML, Bootstrap, and a few old friends along the way (JavaScript being one of them). It’ll have similar - if not identical - features, but at a fraction of the cost. The new site launches on July 1st: new website, new me, and all that.</p>
|
||||
@@ -192,7 +192,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -219,7 +219,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -231,13 +231,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -262,7 +262,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -289,7 +289,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -308,7 +308,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -128,16 +128,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -150,9 +150,9 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="heading blog-heading">
|
||||
<h1>4 Edtech Rollout Strategies Schools Should Know</h1><time datetime="2023-03-20">20 Mar 2023</time>
|
||||
<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("../assets/img/blog/edtech-strategies.png") center / cover;color: white;">
|
||||
<h2>4 Edtech Rollout Strategies Schools Should Know</h2><time class="fs-5" datetime="2023-03-20">20 Mar 2023</time>
|
||||
</div>
|
||||
<p>A major investment in technology can have big benefits for staff and students alike – but you need to know how to test and implement it to ensure bang for your IT buck, as this former IT professional turned teacher explains.</p>
|
||||
<div class="d-xl-flex justify-content-xl-center" style="margin-bottom: 80px;"><a class="btn btn-primary" role="button" data-bss-hover-animate="pulse" href="https://www.tes.com/magazine/leadership/strategy/edtech-rollout-strategies-schools-need-to-know">Read on TES</a></div>
|
||||
@@ -191,7 +191,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -218,7 +218,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -230,13 +230,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -261,7 +261,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -288,7 +288,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -307,7 +307,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -149,9 +149,9 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="heading blog-heading">
|
||||
<h1>It's Been A While...</h1><time datetime="2024-11-24">24 Nov 2024</time>
|
||||
<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("../assets/img/blog/its-been-a-while.jpg") center / cover;color: white;">
|
||||
<h2>It's Been A While...</h2><time class="fs-5" datetime="2024-11-24">24 Nov 2024</time>
|
||||
</div>
|
||||
<p>The title says it all...<br><br>A lot has changed since my last ramble on here. First off, I have finally rid myself of that dark and questionable realm that is Twittter (I will call it that until Elon finally gives up his X fetish). I left mainly because I planned to do it years back but never fully committed. You can find me elsewhere on the web <a href="https://find.mrdaviscsit.uk/">here</a>.<br><br>I suppose the next change that I should acknowledge is the extended step back from the internet in general. In January, I had a pretty tough time with things and made the decision that it would be best if I locked everything down for a month while I focus on myself. That did a lot of good, but I don't plan to share what actually happened; and even if I wanted to, I don't think I would be allowed to discuss it. Let's just say, I was unwell and now I am better.<br><br>I also started my new ADHD treatment in September, essentially the same treatment but with a few more people watching in. This stuff is the good stuff! It means I can focus on working for a whole day now instead of just a few hours. I'm going onto my final test plan before going back into Shared Care, where my GP does most of the admin for my medication. Finding the right balance between focusing on work and relaxing is still something I am working on, but I am getting there!<br><br>I should probably mention what is going on with work, school. etc. Yes, I am still head of Computing at a secondary school but I am starting to think about my next stage of my career. This will be my 7th year of qualified teaching and as much as I love what I do, there are still things that cancel out the good.<br><br>This structure of performance managment and performance related pay, even though it is no longer compulsory, teaching staff are still feeling the effects of it today. My team and I have had to work damn hard these past few weeks and yet still, we have a million and one things left to do! One of my big concerns is that even though we are spending all hours of the day working to try and improve grades, we still get set up to fail by the sheer amount of students who want us to "just give out the pass", or by students who outright do not care about education, school or even employment. I still remember to this day a student telling me in my first year of teaching "I don't give a fuck about this, I'm waiting till 16 to go on the dole!". The student did give a fuck in the end, and they came out to be one of our big wins that academic year...<br><br>Even with the changes to my lifestyle, social life and the fact I am older and apparently more mature, the one thing that still makes me think of quitting teaching is the expectation that even though a student hands work in late, or even doesn't do it outright, they are expected to get the highest grades possible. And if they don't? All the blame lands on the teacher, not the student for being lazy.<br><br>That's enough of my rant for now, I guess I should prepare dinner and do some more planning.<br><br>Hopefully I won't leave it another year before I post...</p>
|
||||
<div data-bss-type="blog-loop" style="padding-top: 25px;">
|
||||
@@ -189,7 +189,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -216,7 +216,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -228,13 +228,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -259,7 +259,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -286,7 +286,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -305,7 +305,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -149,9 +149,9 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="heading blog-heading">
|
||||
<h1>Marking the Milestone: Mastering the Computing Measure</h1><time datetime="2025-04-12">12 Apr 2025</time>
|
||||
<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("../assets/img/photo-1454789548928-9efd52dc4031.jpg") center / cover;color: white;">
|
||||
<h2>Marking the Milestone: Mastering the Computing Measure</h2><time class="fs-5" datetime="2025-04-12">12 Apr 2025</time>
|
||||
</div>
|
||||
<figure>
|
||||
<blockquote class="blockquote">
|
||||
@@ -197,7 +197,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -224,7 +224,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -236,13 +236,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -267,7 +267,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -294,7 +294,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -313,7 +313,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -149,9 +149,9 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="heading blog-heading">
|
||||
<h1> Something's Not Right, Please Try Again</h1><time datetime="2023-04-24">24 Apr 2023</time>
|
||||
<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("../assets/img/blog/somethings-not-right.jpg") center / cover;color: white;">
|
||||
<h2> Something's Not Right, Please Try Again</h2><time class="fs-5" datetime="2023-04-24">24 Apr 2023</time>
|
||||
</div>
|
||||
<p>Before I sucker punch my laptop for being slower than a three-toed Sloth as I hurriedly write the cover sheets for the rest of my lessons. I thought about what I need to do to thrive in my career.<br><br>Last night, I received a message on LinkedIn; usually these are just adverts asking my to buy their premium account but this one was had a subject that rang a bell, "Neurodiverse teacher - advice and support"<br><br>My brain immediately went, "they probably read my article in the TES" so I immediately dropped everything to read what they had to say. I am a rather vain person so was expecting them to be congratulating me on the article and ask me something trivial like "could you send me a link about Access to Work" or "have you heard of this awesome organisation that works with teachers", both of which are things I have received in the past. This message however made my heart sink...<br><br>As I'm not the sort of person to gossip or tell the world all the things I know about someone, I have removed all identifiable information about this person from this post. All you need to know is that they are an ECT (Early Career Teacher) and have only been a qualified teacher for just under a year. They had been struggling with a recent diagnosis and trying to make things work around it. They resorted to coming to me of all people for advice and support.<br><br>I immediately knew I was slightly out of my depth with what they needed so turned to Twitter to get some ideas. Again, my heart sank when even my own headteacher told me some home truths. There's NOTHING out there for you!</p>
|
||||
<figure>
|
||||
@@ -210,7 +210,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -237,7 +237,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -249,13 +249,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -280,7 +280,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -307,7 +307,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -326,7 +326,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -128,16 +128,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -150,9 +150,9 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="heading blog-heading">
|
||||
<h1>What Started It All...</h1><time datetime="2023-02-15">15 Feb 2023</time>
|
||||
<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("../assets/img/blog/what-started-it-all.jpg") center / cover;color: white;">
|
||||
<h2>What Started It All...</h2><time class="fs-5" datetime="2023-02-15">15 Feb 2023</time>
|
||||
</div>
|
||||
<p>One neurodiverse teacher explains the challenges they have faced in the job application and interview process – and shares advice for schools to make their recruitment as inclusive as possible.</p>
|
||||
<div class="d-xl-flex justify-content-xl-center" style="margin: 0PX 0PX 80PX;"><a class="btn btn-primary" role="button" data-bss-hover-animate="pulse" href="https://www.tes.com/magazine/leadership/hr/teacher-recruitment-do-your-hiring-process-work-neurodiverse-teachers">Read on TES</a></div>
|
||||
@@ -191,7 +191,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -218,7 +218,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -230,13 +230,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -261,7 +261,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -288,7 +288,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -307,7 +307,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -105,13 +105,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="assets/css/bss-overrides.css">
|
||||
@@ -126,16 +126,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -148,11 +148,11 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block">
|
||||
<div class="container">
|
||||
<div class="container center-everything">
|
||||
<div class="heading" style="margin-bottom: 25px;">
|
||||
<h1>Contact</h1>
|
||||
</div>
|
||||
<form class="shadow-lg" data-bs-theme="light" data-bss-recipient="0e44d1a9319701fff51ecbfc26f31f3e">
|
||||
<form class="shadow-lg" data-bs-theme="light" data-bss-recipient="0e44d1a9319701fff51ecbfc26f31f3e" style="max-width: 85%;">
|
||||
<div class="mb-3"><label class="form-label" for="name">Your Name</label><input class="form-control item" type="text" id="name"></div>
|
||||
<div class="mb-3"><label class="form-label" for="subject">Subject</label><input class="form-control item" type="text" id="subject"></div>
|
||||
<div class="mb-3"><label class="form-label" for="email">Email</label><input class="form-control item" type="email" id="email"></div>
|
||||
@@ -163,7 +163,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -190,7 +190,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -202,13 +202,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -233,7 +233,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -260,7 +260,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -279,7 +279,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -113,13 +113,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="assets/css/bss-overrides.css">
|
||||
@@ -134,16 +134,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link active" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link active" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link active" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -155,21 +155,21 @@
|
||||
</div>
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block block-intro">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-xl-6" style="align-content: center;"><h1><u class="coloured-underline">Mr A Davis</u></h1>
|
||||
<section class="portfolio-block block-intro" style="margin-top: auto;">
|
||||
<div class="container center-everything">
|
||||
<div class="row justify-content-center" style="margin-right: auto;margin-left: auto;">
|
||||
<div class="col" style="align-content: center;"><h1><u class="coloured-underline">Mr A Davis</u></h1>
|
||||
<h2><span class="txt-rotate" data-period="1000" data-rotate='[ "Web Designer", "Head of Computing", "Programmer", "Media Production Assistant","Solutions Consultant" ]'></span></h2>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<picture><img class="w-100 h-auto" src="assets/img/brand/headshot.webp" style="height: 500px;"></picture>
|
||||
<div class="col">
|
||||
<picture style="margin-right: auto;margin-left: auto;max-width: 500px;"><img class="w-100 h-auto" src="assets/img/brand/headshot.webp" style="max-width: 500px;"></picture>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<section class="portfolio-block website gradient">
|
||||
<div class="container">
|
||||
<div class="container center-everything">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-12 col-lg-5 offset-lg-1 text">
|
||||
<h3>Featured Project</h3>
|
||||
@@ -187,7 +187,7 @@
|
||||
</div>
|
||||
</section>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -214,7 +214,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -226,13 +226,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -257,7 +257,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -284,7 +284,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -303,7 +303,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||||
<title>The Computer's Identity</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/the_computer's identity/identitypreview.png">
|
||||
<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 "Where Is Identity Found" Art Competition.">
|
||||
<script>
|
||||
(function() {
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -148,54 +148,37 @@
|
||||
</div>
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block block-intro" style="padding-bottom: 10px;">
|
||||
<div class="container">
|
||||
<div class="heading" style="margin-bottom: 10px;">
|
||||
<h2 class="text-capitalize">St Thomas' Church Keresley</h2>
|
||||
<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("../../assets/img/projects/the_computers_identity/identitypreview.png") 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>
|
||||
<p style="margin-top: 15px;font-size: 24px;">A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="portfolio-block project" style="padding-top: 0;">
|
||||
<div class="container">
|
||||
<div class="carousel slide" data-bs-ride="false" id="carousel-1" style="width: 95%;margin-right: auto;margin-left: auto;margin-bottom: 25px;">
|
||||
<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" width="1910" height="880" src="../../assets/img/projects/keresley_church/keresleychurch.png" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block" width="1910" height="880" src="../../assets/img/projects/keresley_church/parish_magazines.png" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block" width="1910" height="880" src="../../assets/img/projects/keresley_church/burial_register_system.png" alt="Slide Image"></div>
|
||||
<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> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button></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="row">
|
||||
<div class="col-12 col-md-6 offset-md-1 info">
|
||||
<h3>Phase 1 - April 2014</h3>
|
||||
<p>In April 2014, the Vicar at St Thomas’ Church Keresley asked me to redesign their website using an easily updateable package. The website took 6 months to complete and was finally completed in November 2014. Subsequent redesigns of the website were completed in 2019, 2023 with ongoing tweaks and modifications starting in 2025.<br><br>The main website framework is the latest version of WordPress with a modified theme.</p>
|
||||
<h3>Phase 2 - October 2016</h3>
|
||||
<p>Phase 2 included the digitisation and upload of the parish archives dating back from the mid 1800s and utilises an in-house magazine reading platform for all of its publications.<br><br>The archives section of the website also includes burial registers up to the mid-1990s and allows visitors to search available registers.</p>
|
||||
<h3>Phase 3 - September 2021 </h3>
|
||||
<p>Following the coronavirus lockdown in 2020, the church signed up to the Church of England’s Digital Charter which includes upgrades to their online presence including plans to introduce guest internet access within centres, online access to servcies (currently through recorded services but live streamed services are planned for the near future), upgrades to internet connectivity within centres (including a mesh wifi system in each centre) and device upgrades in preperation for Windows 10 end of life date in October 2025.<br><br>Device upgrades were completed Easter 2025 while online presence upgrades are ongoing.</p>
|
||||
<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>
|
||||
</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>Ongoing - Phase 4</span><span class="meta-heading">Client</span><span>The Parish of Keresley with Coundon PCC</span><span class="meta-heading">Date</span><span>April 2014</span><span class="meta-heading">Products Created</span><span>Website and Historical Archives<br><br>Ongoing remote technical support and consulting for ongoing digital platforms</span></div><a class="btn btn-primary" role="button" href="https://www.keresley.church/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Project Website</a>
|
||||
<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>
|
||||
</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 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-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="../web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="../../assets/img/projects/keresley_church/keresleychurch.png"></a>
|
||||
<div class="card-body"><a href="../web-design/st-thomas-church-keresley.html">
|
||||
<h4 class="text-body">St Thomas' Church Keresley</h4>
|
||||
</a>
|
||||
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<nav class="d-flex justify-content-center mt-3" data-bss-type="blog-loop-pagination">
|
||||
<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>
|
||||
@@ -209,7 +192,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -236,7 +219,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -248,13 +231,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -279,7 +262,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -306,7 +289,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -325,7 +308,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
<title>CS:Box</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/cs_box/csbox_logo.png">
|
||||
<meta name="description" content="CS:Box is an innovative educational tool designed to support the teaching of key concepts from the UK Computing Curriculum. Building on the foundations of Bit:Box, CS:Box expands its scope to cover a wider range of essential computing topics, providing an interactive and engaging experience for students.">
|
||||
<meta name="description" content="An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum">
|
||||
<script>
|
||||
(function() {
|
||||
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -149,53 +149,45 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block block-intro" style="padding-bottom: 10px;">
|
||||
<div class="container">
|
||||
<div class="heading" style="margin-bottom: 10px;">
|
||||
<h2 class="text-capitalize">St Thomas' Church Keresley</h2>
|
||||
<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("../../assets/img/projects/cs_box/csbox_logo.png") center / cover;color: white;">
|
||||
<h2>CS:Box</h2>
|
||||
<p>An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum</p>
|
||||
</div>
|
||||
<p style="margin-top: 15px;font-size: 24px;">A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="portfolio-block project" style="padding-top: 0;">
|
||||
<div class="container">
|
||||
<div class="carousel slide" data-bs-ride="false" id="carousel-1" style="width: 95%;margin-right: auto;margin-left: auto;margin-bottom: 25px;">
|
||||
<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" width="1910" height="880" src="../../assets/img/projects/keresley_church/keresleychurch.png" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block" width="1910" height="880" src="../../assets/img/projects/keresley_church/parish_magazines.png" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block" width="1910" height="880" src="../../assets/img/projects/keresley_church/burial_register_system.png" alt="Slide Image"></div>
|
||||
<div class="carousel-item active"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1054" src="../../assets/img/projects/cs_box/csbox_homepage.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="966" src="../../assets/img/projects/cs_box/csbox_unsigned_binary.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="996" src="../../assets/img/projects/cs_box/csbox_gcse_hexadecimal.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="966" src="../../assets/img/projects/cs_box/csbox_a_level_hexadecimal.webp" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1231" src="../../assets/img/projects/cs_box/csbox_hex_colours.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="../../assets/img/projects/cs_box/csbox_not_gate.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="../../assets/img/projects/cs_box/csbox_and_gate.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="../../assets/img/projects/cs_box/csbox_or_gate.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="../../assets/img/projects/cs_box/csbox_nor_gate.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="../../assets/img/projects/cs_box/csbox_nand_gate.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="../../assets/img/projects/cs_box/csbox_xor_gate.jpeg" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block slider-image-fit" width="1788" height="1000" src="../../assets/img/projects/cs_box/csbox_xnor_gate.jpeg" 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> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button></div>
|
||||
<div class="carousel-indicators focus-ring"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="3"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="4"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="5"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="6"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="7"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="8"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="9"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="10"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="11"></button></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 offset-md-1 info">
|
||||
<h3>Phase 1 - April 2014</h3>
|
||||
<p>In April 2014, the Vicar at St Thomas’ Church Keresley asked me to redesign their website using an easily updateable package. The website took 6 months to complete and was finally completed in November 2014. Subsequent redesigns of the website were completed in 2019, 2023 with ongoing tweaks and modifications starting in 2025.<br><br>The main website framework is the latest version of WordPress with a modified theme.</p>
|
||||
<h3>Phase 2 - October 2016</h3>
|
||||
<p>Phase 2 included the digitisation and upload of the parish archives dating back from the mid 1800s and utilises an in-house magazine reading platform for all of its publications.<br><br>The archives section of the website also includes burial registers up to the mid-1990s and allows visitors to search available registers.</p>
|
||||
<h3>Phase 3 - September 2021 </h3>
|
||||
<p>Following the coronavirus lockdown in 2020, the church signed up to the Church of England’s Digital Charter which includes upgrades to their online presence including plans to introduce guest internet access within centres, online access to servcies (currently through recorded services but live streamed services are planned for the near future), upgrades to internet connectivity within centres (including a mesh wifi system in each centre) and device upgrades in preperation for Windows 10 end of life date in October 2025.<br><br>Device upgrades were completed Easter 2025 while online presence upgrades are ongoing.</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>CS:Box is an innovative educational tool designed to support the teaching of key concepts from the UK Computing Curriculum. Building on the foundations of Bit:Box, CS:Box expands its scope to cover a wider range of essential computing topics, providing an interactive and engaging experience for students.<br><br>CS:Box is more than a collection of interactive tools — it is a guided learning experience for students to understand complex computing concepts. By combining hands-on manipulation with visual feedback, it provides a scaffolded learning approach for students at different stages of their educational journey.</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>Ongoing - Phase 4</span><span class="meta-heading">Client</span><span>The Parish of Keresley with Coundon PCC</span><span class="meta-heading">Date</span><span>April 2014</span><span class="meta-heading">Products Created</span><span>Website and Historical Archives<br><br>Ongoing remote technical support and consulting for ongoing digital platforms</span></div><a class="btn btn-primary" role="button" href="https://www.keresley.church/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Project Website</a>
|
||||
<div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing</span><span class="meta-heading">Launched</span><span>April 2023</span><span class="meta-heading">Products Created</span><span>Website</span></div><a class="btn btn-primary" role="button" href="https://csbox.mrdaviscsit.uk/" 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/CS-Box" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project on GitHub</a>
|
||||
</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 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-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="../web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="../../assets/img/projects/keresley_church/keresleychurch.png"></a>
|
||||
<div class="card-body"><a href="../web-design/st-thomas-church-keresley.html">
|
||||
<h4 class="text-body">St Thomas' Church Keresley</h4>
|
||||
</a>
|
||||
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<nav class="d-flex justify-content-center mt-3" data-bss-type="blog-loop-pagination">
|
||||
<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>
|
||||
@@ -209,7 +201,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -236,7 +228,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -248,13 +240,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -279,7 +271,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -306,7 +298,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -325,7 +317,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -21,9 +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>Project Page - ADCM Networks</title>
|
||||
<title>Showreel</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/brand/headshot.webp">
|
||||
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/photo-1489599849927-2ee91cede3ba.jpg">
|
||||
<meta name="description" content="A wide range of production projects">
|
||||
<script>
|
||||
(function() {
|
||||
|
||||
@@ -105,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../assets/css/bss-overrides.css">
|
||||
@@ -126,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -147,44 +148,80 @@
|
||||
</div>
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block project">
|
||||
<div class="container">
|
||||
<div class="heading">
|
||||
<h2>project name</h2>
|
||||
<section class="portfolio-block block-intro" style="padding-bottom: 10px;">
|
||||
<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("../assets/img/photo-1489599849927-2ee91cede3ba.jpg") center / cover;color: white;">
|
||||
<h2 class="text-capitalize">Showreel</h2>
|
||||
<p>A wide range of production projects</p>
|
||||
</div>
|
||||
<div class="image" style="background-image:url("../assets/img/tech/image4.jpg");"></div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="portfolio-block project" style="padding-top: 0;">
|
||||
<div class="container center-everything">
|
||||
<div class="ratio ratio-16x9" style="margin-bottom: 25px;"><iframe src="https://www.youtube-nocookie.com/embed/videoseries?si=RIK2nSwdtEB4Kadz&amp;list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" allowfullscreen=""></iframe></div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 offset-md-1 info">
|
||||
<h3>Description</h3>
|
||||
<p>Nam a ultrices mauris. Nam efficitur, lorem a vehicula interdum, ligula velit euismod lorem, vitae vehicula ligula tortor eu leo. Maecenas porttitor massa ut vestibulum euismod. Aliquam eget mi aliquam.</p>
|
||||
<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>Above is the playlist containing all of my work. feel free to view as much as you like to see the wide rage of production projects I have participated in.</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-3 offset-md-1 meta">
|
||||
<div class="tags"><span class="meta-heading">Tags</span><a href="#">Resource</a><a href="#">Project</a><span class="meta-heading">Date</span><span>25-04-2017</span></div>
|
||||
<div class="col-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
|
||||
<div class="tags"></div><a class="btn btn-primary" role="button" href="https://www.youtube.com/playlist?list=PLhZGMkgkarmkgB18-1Dwpecs8rgm7mUTk" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Watch on YouTube</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-projects">
|
||||
<h3 class="text-center">More Projects</h3>
|
||||
<div class="row gallery">
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="item"><a href="#"><img class="img-fluid scale-on-hover" src="../assets/img/nature/image2.jpg"></a></div>
|
||||
</div>
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="item"><a href="#"><img class="img-fluid scale-on-hover" src="../assets/img/nature/image3.jpg"></a></div>
|
||||
</div>
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="item"><a href="#"><img class="img-fluid scale-on-hover" src="../assets/img/tech/image4.jpg"></a></div>
|
||||
</div>
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="item"><a href="#"><img class="img-fluid scale-on-hover" src="../assets/img/nature/image5.jpg"></a></div>
|
||||
<h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
|
||||
<div data-bss-type="blog-loop" data-bss-perpage="12">
|
||||
<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="extracurricular-projects/the-computers-identity.html"><img width="940" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/the_computers_identity/identitypreview.png"></a>
|
||||
<div class="card-body"><a href="extracurricular-projects/the-computers-identity.html">
|
||||
<h4 class="text-body">The Computer's Identity</h4>
|
||||
</a>
|
||||
<p class="card-text">An interactive poem entry for the BCU Christian Union "Where Is Identity Found" Art Competition.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-tag-projects-for-education col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="projects-for-education/cs_box.html"><img width="500" height="500" class="card-img-top rainbow-border" src="../assets/img/projects/cs_box/csbox_logo.png"></a>
|
||||
<div class="card-body"><a href="projects-for-education/cs_box.html">
|
||||
<h4 class="text-body">CS:Box</h4>
|
||||
</a>
|
||||
<p class="card-text">An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="web-design/peter-bell-music.html"><img width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/peter_bell%20music/peter_bell_music.png"></a>
|
||||
<div class="card-body"><a href="web-design/peter-bell-music.html">
|
||||
<h4 class="text-body">Peter Bell Music</h4>
|
||||
</a>
|
||||
<p class="card-text">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="web-design/st-thomas-church-keresley.html"><img width="1910" height="880" class="card-img-top rainbow-border" src="../assets/img/projects/keresley_church/keresleychurch.png"></a>
|
||||
<div class="card-body"><a href="web-design/st-thomas-church-keresley.html">
|
||||
<h4 class="text-body">St Thomas' Church Keresley</h4>
|
||||
</a>
|
||||
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="d-flex justify-content-center mt-3" data-bss-type="blog-loop-pagination">
|
||||
<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>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -211,7 +248,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -223,13 +260,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -254,7 +291,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -281,7 +318,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -300,7 +337,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -324,6 +361,406 @@
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script>
|
||||
(function() {
|
||||
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');
|
||||
let tagNavs = document.querySelectorAll('[data-bss-type="tag-nav"]');
|
||||
let tagLoops = document.querySelectorAll('[data-bss-type="tag-loop"]');
|
||||
let authorLoops = document.querySelectorAll('[data-bss-type="author-loop"]');
|
||||
let authorNavs = document.querySelectorAll('[data-bss-type="author-nav"]');
|
||||
|
||||
window.addEventListener("popstate", (e) => {
|
||||
for (let collection of collections) {
|
||||
updateCollection(collection);
|
||||
}
|
||||
|
||||
for (let tagNav of tagNavs) {
|
||||
updateTagNav(tagNav);
|
||||
}
|
||||
|
||||
for (let authorNav of authorNavs) {
|
||||
updateAuthorNav(authorNav);
|
||||
}
|
||||
});
|
||||
|
||||
for (let collection of collections) {
|
||||
|
||||
updateCollection(collection);
|
||||
|
||||
if (!canPaginateCollection(collection)) continue;
|
||||
|
||||
let pagination = collection.querySelector('[data-bss-type="blog-loop-pagination"]');
|
||||
|
||||
pagination.addEventListener('click', function(e) {
|
||||
let paginationItem = e.target.closest('.page-item');
|
||||
if (!paginationItem) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if (paginationItem.classList.contains('disabled') || paginationItem.classList.contains('active')) return;
|
||||
|
||||
let collection = paginationItem.closest('[data-bss-type="blog-loop"]');
|
||||
if (!collection) return;
|
||||
|
||||
let page = parseInt(paginationItem.dataset.page);
|
||||
if (!page) return;
|
||||
|
||||
let pageParam = getPageParameter(collection);
|
||||
|
||||
if (pageParam) {
|
||||
const url = new URL(window.location);
|
||||
url.searchParams.set(pageParam, page);
|
||||
history.pushState({
|
||||
[pageParam]: page
|
||||
}, document.title, url);
|
||||
|
||||
for (let c of collections) {
|
||||
let param = getPageParameter(c);
|
||||
if (param !== pageParam) continue;
|
||||
updateCollection(c);
|
||||
}
|
||||
} else {
|
||||
updateCollection(collection, page);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
for (let tagNav of tagNavs) {
|
||||
updateTagNav(tagNav);
|
||||
tagNav.addEventListener('click', onTagClick);
|
||||
}
|
||||
|
||||
for (let tagLoop of tagLoops) {
|
||||
tagLoop.addEventListener('click', onTagClick);
|
||||
}
|
||||
|
||||
for (let authorLoop of authorLoops) {
|
||||
authorLoop.addEventListener('click', onAuthorClick);
|
||||
}
|
||||
|
||||
for (let authorNav of authorNavs) {
|
||||
updateAuthorNav(authorNav);
|
||||
}
|
||||
|
||||
function onTagClick(e) {
|
||||
onBlogFilterClick(e);
|
||||
|
||||
for (let nav of tagNavs) {
|
||||
updateTagNav(nav);
|
||||
}
|
||||
}
|
||||
|
||||
function onAuthorClick(e) {
|
||||
onBlogFilterClick(e);
|
||||
|
||||
for (let authorNav of authorNavs) {
|
||||
updateAuthorNav(authorNav);
|
||||
}
|
||||
}
|
||||
|
||||
function onBlogFilterClick(e) {
|
||||
const item = e.target.closest('[data-bss-filter="blog"]');
|
||||
if (!item || !item.dataset.hasOwnProperty('bssHref') || !item.dataset.hasOwnProperty('bssFilterParam')) return;
|
||||
|
||||
const stateNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
|
||||
|
||||
if (stateNode && (stateNode.classList.contains('disabled') || stateNode.classList.contains('active'))) {
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
|
||||
const link = item.dataset.bssHref;
|
||||
if (!linksToCurrentPage(link)) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
const url = new URL(window.location);
|
||||
const filterParam = item.dataset.bssFilterParam;
|
||||
const filterValue = item.dataset.bssFilterValue || '';
|
||||
|
||||
const collectionsToUpdate = [];
|
||||
const newQueryParams = {
|
||||
[filterParam]: filterValue
|
||||
};
|
||||
|
||||
for (let c of collections) {
|
||||
if (!canFilterCollection(c)) continue;
|
||||
collectionsToUpdate.push(c);
|
||||
|
||||
let pageParam = getPageParameter(c);
|
||||
let page = url.searchParams.get(pageParam);
|
||||
if (page === null || page == 1) continue;
|
||||
|
||||
newQueryParams[pageParam] = 1;
|
||||
}
|
||||
|
||||
for (let param in newQueryParams) {
|
||||
if (newQueryParams[param]) {
|
||||
url.searchParams.set(param, newQueryParams[param]);
|
||||
} else {
|
||||
url.searchParams.delete(param);
|
||||
}
|
||||
}
|
||||
|
||||
history.pushState(newQueryParams, document.title, url);
|
||||
|
||||
for (let c of collectionsToUpdate) {
|
||||
updateCollection(c);
|
||||
}
|
||||
}
|
||||
|
||||
function getCollectionFilters(collection) {
|
||||
let filters = [];
|
||||
|
||||
try {
|
||||
const parsed = JSON.parse(collection.dataset.bssFilters);
|
||||
|
||||
if (Array.isArray(parsed)) {
|
||||
filters = parsed;
|
||||
}
|
||||
} catch (e) {}
|
||||
|
||||
return filters;
|
||||
}
|
||||
|
||||
function getCollectionEmptyFilterAction(collection, filter = '') {
|
||||
let emptyFilterActions = [];
|
||||
|
||||
try {
|
||||
const parsed = JSON.parse(collection.dataset.bssEmptyFilterActions);
|
||||
|
||||
if (Array.isArray(parsed)) {
|
||||
emptyFilterActions = parsed;
|
||||
}
|
||||
} catch (e) {}
|
||||
|
||||
const action = emptyFilterActions.find(action => action.filter === filter);
|
||||
|
||||
return action ? action.value : '';
|
||||
}
|
||||
|
||||
function canFilterCollection(collection) {
|
||||
return !!getCollectionFilters(collection).length;
|
||||
}
|
||||
|
||||
function canFilterCollectionByTag(collection) {
|
||||
return getCollectionFilters(collection).includes('tag');
|
||||
}
|
||||
|
||||
function canFilterCollectionByAuthor(collection) {
|
||||
return getCollectionFilters(collection).includes('author');
|
||||
}
|
||||
|
||||
function shouldShowAllItemsForEmptyFilter(collection, filter = '') {
|
||||
return getCollectionEmptyFilterAction(collection, filter) === 'show-all';
|
||||
}
|
||||
|
||||
function canPaginateCollection(collection) {
|
||||
return !!getCollectionPagination(collection);
|
||||
}
|
||||
|
||||
function getCollectionPagination(collection) {
|
||||
return collection.querySelector('[data-bss-type="blog-loop-pagination"]');
|
||||
}
|
||||
|
||||
function getPageParameter(collection) {
|
||||
return collection.dataset.bssPageParam;
|
||||
}
|
||||
|
||||
function linksToCurrentPage(path = '') {
|
||||
let currentURL, url;
|
||||
|
||||
try {
|
||||
currentURL = new URL(window.location);
|
||||
url = new URL(path, window.location.href);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
|
||||
return currentURL.origin === url.origin && currentURL.pathname === url.pathname;
|
||||
}
|
||||
|
||||
function updateCollection(collection, page, activeTag = '', activeAuthor = '') {
|
||||
|
||||
const url = new URL(window.location.href);
|
||||
|
||||
if (canPaginateCollection(collection)) {
|
||||
if (!page) {
|
||||
let pageParam = getPageParameter(collection);
|
||||
page = (pageParam ? url.searchParams.get(pageParam) : 1) || 1;
|
||||
}
|
||||
}
|
||||
|
||||
if (canFilterCollectionByTag(collection) && !activeTag) {
|
||||
let tagParam = 'tag';
|
||||
activeTag = url.searchParams.get(tagParam) || '';
|
||||
}
|
||||
|
||||
if (canFilterCollectionByAuthor(collection) && !activeAuthor) {
|
||||
let authorParam = 'author';
|
||||
activeAuthor = url.searchParams.get(authorParam) || '';
|
||||
}
|
||||
|
||||
renderCollectionPage(collection, page, activeTag, activeAuthor);
|
||||
}
|
||||
|
||||
function renderCollectionPage(collection, page = 1, activeTag = '', activeAuthor = '') {
|
||||
|
||||
page = Math.max(parseInt(page, 10), 1);
|
||||
|
||||
collection.style.removeProperty('display');
|
||||
|
||||
let loopBase = collection.querySelector('[data-bss-type="blog-loop-base"]');
|
||||
loopBase && loopBase.style.removeProperty('display');
|
||||
|
||||
let emptyState = collection.querySelector('[data-bss-type="empty-state"]');
|
||||
emptyState && emptyState.style.setProperty('display', 'none', 'important');
|
||||
|
||||
let listItems = [].slice.call(collection.querySelectorAll('[data-bss-type="blog-loop-item"]'));
|
||||
listItems.forEach(item => item.style.setProperty('display', 'none', 'important'));
|
||||
|
||||
if (canFilterCollectionByTag(collection)) {
|
||||
listItems = listItems.filter(item => activeTag ? item.classList.contains('post-tag-' + activeTag) : shouldShowAllItemsForEmptyFilter(collection, 'tag'));
|
||||
}
|
||||
|
||||
if (canFilterCollectionByAuthor(collection)) {
|
||||
listItems = listItems.filter(item => activeAuthor ? item.classList.contains('post-author-' + activeAuthor) : shouldShowAllItemsForEmptyFilter(collection, 'author'));
|
||||
}
|
||||
|
||||
let perPage = collection.dataset.bssPerpage || listItems.length;
|
||||
let visibleListItems = listItems.slice((page - 1) * perPage, page * perPage);
|
||||
visibleListItems.forEach(item => item.style.removeProperty('display'));
|
||||
|
||||
let isEmpty = !visibleListItems.length;
|
||||
|
||||
if (isEmpty) {
|
||||
loopBase && loopBase.style.setProperty('display', 'none', 'important');
|
||||
emptyState && emptyState.style.removeProperty('display');
|
||||
}
|
||||
|
||||
let itemCount = listItems.length;
|
||||
let pageCount = Math.max(Math.ceil(itemCount / perPage), 1);
|
||||
|
||||
updateCollectionPagination(collection, page, pageCount, isEmpty);
|
||||
|
||||
if (collection.dataset.bssScrollOnChange) {
|
||||
scrollToCollectionTop(collection);
|
||||
}
|
||||
}
|
||||
|
||||
function updateCollectionPagination(collection, page, pageCount, isEmpty) {
|
||||
let pagination = getCollectionPagination(collection);
|
||||
if (!pagination) return;
|
||||
|
||||
let paginationItems = [].slice.call(pagination.querySelectorAll('.page-item'));
|
||||
|
||||
if (pageCount === 1 || isEmpty) {
|
||||
pagination.style.setProperty('display', 'none', 'important');
|
||||
} else {
|
||||
pagination.style.removeProperty('display');
|
||||
}
|
||||
|
||||
let previousBtnDisabled = page - 1 <= 0;
|
||||
let previousPage = previousBtnDisabled ? 1 : page - 1;
|
||||
|
||||
let nextBtnDisabled = page + 1 > pageCount;
|
||||
let nextPage = nextBtnDisabled ? pageCount : page + 1;
|
||||
|
||||
for (let i = 0; i < paginationItems.length; i++) {
|
||||
let paginationItem = paginationItems[i];
|
||||
|
||||
paginationItem.classList.remove('active', 'disabled');
|
||||
|
||||
if (paginationItem.dataset.type === 'prev') {
|
||||
paginationItem.dataset.page = previousPage;
|
||||
|
||||
if (previousBtnDisabled) {
|
||||
paginationItem.classList.add('disabled');
|
||||
}
|
||||
} else if (paginationItem.dataset.type === 'next') {
|
||||
paginationItem.dataset.page = nextPage;
|
||||
|
||||
if (nextBtnDisabled) {
|
||||
paginationItem.classList.add('disabled');
|
||||
}
|
||||
} else {
|
||||
if (paginationItem.dataset.page > pageCount) {
|
||||
paginationItem.style.setProperty('display', 'none', 'important');
|
||||
} else {
|
||||
paginationItem.style.removeProperty('display');
|
||||
}
|
||||
|
||||
if (paginationItem.dataset.page == page) {
|
||||
paginationItem.classList.add('active');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function scrollToCollectionTop(collection) {
|
||||
const rect = collection.getBoundingClientRect();
|
||||
const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
|
||||
const threshold = 100;
|
||||
|
||||
if (rect.top >= 0 && viewHeight - rect.top > threshold) return;
|
||||
|
||||
setTimeout(() => {
|
||||
collection.scrollIntoView({
|
||||
behavior: "smooth",
|
||||
block: "start",
|
||||
inline: "start"
|
||||
});
|
||||
}, 0);
|
||||
}
|
||||
|
||||
function updateTagNav(tagNav) {
|
||||
const url = new URL(window.location.href);
|
||||
|
||||
let tagParam = 'tag';
|
||||
let tag = url.searchParams.get(tagParam) || '';
|
||||
|
||||
renderTagNav(tagNav, tag);
|
||||
}
|
||||
|
||||
function renderTagNav(tagNav, activeTag = '') {
|
||||
if (!tagNav.dataset.bssSyncUrl) return;
|
||||
|
||||
let navItems = [].slice.call(tagNav.querySelectorAll('[data-bss-type="tag-loop-item"]'));
|
||||
|
||||
navItems.forEach(item => {
|
||||
const activeClassNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
|
||||
if (!activeClassNode) return;
|
||||
|
||||
activeClassNode.classList.remove('active');
|
||||
|
||||
const link = item.dataset.bssHref;
|
||||
if (!linksToCurrentPage(link) || activeClassNode.classList.contains('disabled')) return;
|
||||
|
||||
if (item.dataset.bssTag === activeTag) {
|
||||
activeClassNode.classList.add('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function updateAuthorNav(authorNav) {
|
||||
const url = new URL(window.location.href);
|
||||
|
||||
let authorParam = 'author';
|
||||
let author = url.searchParams.get(authorParam) || '';
|
||||
|
||||
renderAuthorNav(authorNav, author);
|
||||
}
|
||||
|
||||
function renderAuthorNav(authorNav, activeAuthor = '') {
|
||||
if (!canFilterCollectionByAuthor(authorNav)) return;
|
||||
|
||||
authorNav.style.removeProperty('display');
|
||||
|
||||
let items = [].slice.call(authorNav.querySelectorAll('[data-bss-type="author-loop-item"]'));
|
||||
items.forEach(item => item.classList.contains('author-' + activeAuthor) ? item.style.removeProperty('display') : item.style.setProperty('display', 'none', 'important'));
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
763
Export/my-work/web-design/peter-bell-music.html
Normal file
763
Export/my-work/web-design/peter-bell-music.html
Normal file
@@ -0,0 +1,763 @@
|
||||
<!DOCTYPE html>
|
||||
<html data-bs-theme="auto" lang="en-gb">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<!-- Matomo -->
|
||||
<script>
|
||||
var _paq = window._paq = window._paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="//analytics.adcmnetworks.co.uk/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '1']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Matomo Code -->
|
||||
|
||||
<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>Peter Bell Music</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="https://www.mrdaviscsit.uk/assets/img/projects/peter_bell music/peter_bell_music.png">
|
||||
<meta name="description" content="A modern responsive website with the ability to display, broadcast and sell created pieces of work">
|
||||
<script>
|
||||
(function() {
|
||||
|
||||
// JavaScript snippet handling Dark/Light mode switching
|
||||
|
||||
const getStoredTheme = () => localStorage.getItem('theme');
|
||||
const setStoredTheme = theme => localStorage.setItem('theme', theme);
|
||||
const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
|
||||
|
||||
const getPreferredTheme = () => {
|
||||
|
||||
if (forcedTheme) return forcedTheme;
|
||||
|
||||
const storedTheme = getStoredTheme();
|
||||
if (storedTheme) {
|
||||
return storedTheme;
|
||||
}
|
||||
|
||||
const pageTheme = document.documentElement.getAttribute('data-bs-theme');
|
||||
|
||||
if (pageTheme) {
|
||||
return pageTheme;
|
||||
}
|
||||
|
||||
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
||||
}
|
||||
|
||||
const setTheme = theme => {
|
||||
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
document.documentElement.setAttribute('data-bs-theme', 'dark');
|
||||
} else {
|
||||
document.documentElement.setAttribute('data-bs-theme', theme);
|
||||
}
|
||||
}
|
||||
|
||||
setTheme(getPreferredTheme());
|
||||
|
||||
const showActiveTheme = (theme, focus = false) => {
|
||||
const themeSwitchers = [].slice.call(document.querySelectorAll('.theme-switcher'));
|
||||
|
||||
if (!themeSwitchers.length) return;
|
||||
|
||||
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
|
||||
element.classList.remove('active');
|
||||
element.setAttribute('aria-pressed', 'false');
|
||||
});
|
||||
|
||||
for (const themeSwitcher of themeSwitchers) {
|
||||
|
||||
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
|
||||
|
||||
if (btnToActivate) {
|
||||
btnToActivate.classList.add('active');
|
||||
btnToActivate.setAttribute('aria-pressed', 'true');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
|
||||
const storedTheme = getStoredTheme();
|
||||
if (storedTheme !== 'light' && storedTheme !== 'dark') {
|
||||
setTheme(getPreferredTheme());
|
||||
}
|
||||
});
|
||||
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
showActiveTheme(getPreferredTheme());
|
||||
|
||||
document.querySelectorAll('[data-bs-theme-value]')
|
||||
.forEach(toggle => {
|
||||
toggle.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
const theme = toggle.getAttribute('data-bs-theme-value');
|
||||
setStoredTheme(theme);
|
||||
setTheme(theme);
|
||||
showActiveTheme(theme);
|
||||
})
|
||||
})
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../../assets/css/bss-overrides.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="../../assets/css/styles.css">
|
||||
<link rel="stylesheet" href="../../assets/css/pikaday.min.css">
|
||||
<link rel="stylesheet" href="../../assets/css/CookieConsentComponent.css">
|
||||
<link rel="stylesheet" href="../../assets/css/animations.compiled.css">
|
||||
<link rel="stylesheet" href="../../assets/css/Carousel---Slider-With-Animation.css">
|
||||
<link rel="stylesheet" href="../../assets/css/Footer-Dark-Multi-Column-icons.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278"></path>
|
||||
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
|
||||
</svg></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block block-intro" style="padding-bottom: 10px;">
|
||||
<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("../../assets/img/projects/peter_bell%20music/peter_bell_music.png") center / cover;color: white;">
|
||||
<h2 class="text-capitalize">Peter Bell Music</h2>
|
||||
<p>A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="portfolio-block project" style="padding-top: 0;">
|
||||
<div class="container center-everything">
|
||||
<div class="swiper project-carousel" id="swiper-1" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"keyboard":true,"mousewheel":true,"effect":"creative","creativeEffect":{"prev":{"shadow":true,"translate":["-20%",0,-1]},"next":{"translate":["100%",0,0]}},"pagination":{"el":".swiper-pagination","type":"bullets","clickable":true,"dynamicBullets":true},"navigation":{"nextEl":".swiper-button-next","prevEl":".swiper-button-prev"}}">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="img-fluid slider-image-fit" width="1910" height="880" src="../../assets/img/projects/peter_bell%20music/peter_bell_music.png" alt="Slide Image"></div>
|
||||
<div class="swiper-slide"><img class="img-fluid slider-image-fit" width="1910" height="880" src="../../assets/img/projects/peter_bell%20music/peter_bell_music_performances.png" alt="Slide Image"></div>
|
||||
<div class="swiper-slide"><img class="img-fluid slider-image-fit" width="1910" height="880" src="../../assets/img/projects/peter_bell%20music/peter_bell_music_portfolio.png" alt="Slide Image"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="swiper-button-prev swiper-control"></div>
|
||||
<div class="swiper-button-next swiper-control"></div>
|
||||
</div>
|
||||
<div class="swiper-pagination swiper-control"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 offset-md-1 info">
|
||||
<h3>Phase 1 - September 2015</h3>
|
||||
<p>In September 2015, I was approached by a Royal Birmingham Conservatoire Composition Student asking to design their website. The project is still ongoing however has started its final stages of quality control.<br><br>I used the WordPress publishing framework with a modified version of the Astra Theme as the student wanted to add their own content as and when it became available. The website also utilises embeds from in-house multimedia platforms and Facebook.</p>
|
||||
<h3>Phase 2 - Summer 2025</h3>
|
||||
<p>The second phase of this web design project marks a major transformation: a complete redesign and rebuild of the website to support online sales of custom-made pieces. This stage focuses on creating a seamless and visually compelling e-commerce experience, allowing users to browse, select, and purchase works directly through the site. Platforms for the online store are currently being reviewed to ensure the final solution aligns with both creative goals and business needs, with scalability and ease of use as key priorities.<br><br>Owing to other professional commitments, I stepped away from the project and handed it back to the client to oversee its further development and completion.</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>Development Transferred to Client</span><span class="meta-heading">Client</span><span>Peter Bell Music</span><span class="meta-heading">Date</span><span>September 2015 - July 2025</span><span class="meta-heading">Products Created</span><span>Website and e-commerce store</span></div><a class="btn btn-primary" role="button" href="https://www.peterbellmusic.co.uk/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a>
|
||||
</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 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-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="../../assets/img/projects/keresley_church/keresleychurch.png"></a>
|
||||
<div class="card-body"><a href="st-thomas-church-keresley.html">
|
||||
<h4 class="text-body">St Thomas' Church Keresley</h4>
|
||||
</a>
|
||||
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="d-flex justify-content-center mt-3" data-bss-type="blog-loop-pagination">
|
||||
<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>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
<div class="swiper w-100" id="light-swiper" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade","fadeEffect":{"crossFade":true}}">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen%20assessment%20expert.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
|
||||
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
|
||||
</svg></button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
|
||||
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
|
||||
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
|
||||
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
|
||||
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
|
||||
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
|
||||
</svg></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
<div class="swiper w-100" id="dark-swiper" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade"}">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mce_microsoft_certified_educator.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/ad92a7cb-3e4f-46e2-8e73-99dffd0eb69e/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/microsoft_innovative_educator_expert_2024_2025.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/44756f05-e727-41c8-a352-a656c033c9f0/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="800" height="800" src="../../assets/img/accreditations/pearson_onscreen%20assessment%20expert.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/52121ef6-0760-4870-91cc-1cb20001238b/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="1200" height="1200" src="../../assets/img/accreditations/establishing_a_stem_club_from_creation_to_careers_2021_2022.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/60d50339-2dda-4991-90b5-7ff087975746/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="1200" height="1200" src="../../assets/img/accreditations/secondary_computer_science_professional_development_2021_2022.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/e74f9011-4006-4570-824a-f483fdcb5b26/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/secondary_computing_professional_development_2023_2.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/c73720d2-8208-4e2b-a1e5-c473961834d9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="1200" height="1200" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2019_2020.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/c486279a-8e97-4779-90c1-56f09622e782/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="2000" height="2000" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2022_2023.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/e76ed57f-2270-47f5-8e7e-4136baa261f3/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="../../assets/img/accreditations/gcse_computer_science_professional_development_2023.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/0e46d6b8-1a1b-4d16-a5d5-3b95661fb290/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_master_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/287d0ca4-bea1-4e18-b9e7-21f6a5d5d571/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013_expert.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f1831f0e-776b-49aa-8a8d-05817d4b1410/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_word_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/2ab55353-3267-46cc-b3f4-3099af54d869/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_excel_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/11162aa2-331a-4ec4-a612-665f3bc59cb1/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_powerpoint_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/cd328b1d-27b6-4410-be70-0792a99b72ea/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/microsoft_office_specialist_onenote_2013.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/da3b3b4c-cec4-4537-bb5b-486ce9ee6ee7/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_security_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/23194bfe-30e4-4f8e-b9ec-338d060136dd/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_networking_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
<div class="swiper-button-next"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
|
||||
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
|
||||
</svg></button></div>
|
||||
</div>
|
||||
<ul class="list-unstyled"></ul>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
|
||||
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
|
||||
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
|
||||
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://www.reddit.com/user/AlexanderEDavis95/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-body">
|
||||
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
|
||||
</svg></a></li>
|
||||
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCgDhiQMLbTemv2varDiW2rA"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube text-body">
|
||||
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
|
||||
</svg></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script>
|
||||
(function() {
|
||||
let collections = document.querySelectorAll('[data-bss-type="blog-loop"]');
|
||||
let tagNavs = document.querySelectorAll('[data-bss-type="tag-nav"]');
|
||||
let tagLoops = document.querySelectorAll('[data-bss-type="tag-loop"]');
|
||||
let authorLoops = document.querySelectorAll('[data-bss-type="author-loop"]');
|
||||
let authorNavs = document.querySelectorAll('[data-bss-type="author-nav"]');
|
||||
|
||||
window.addEventListener("popstate", (e) => {
|
||||
for (let collection of collections) {
|
||||
updateCollection(collection);
|
||||
}
|
||||
|
||||
for (let tagNav of tagNavs) {
|
||||
updateTagNav(tagNav);
|
||||
}
|
||||
|
||||
for (let authorNav of authorNavs) {
|
||||
updateAuthorNav(authorNav);
|
||||
}
|
||||
});
|
||||
|
||||
for (let collection of collections) {
|
||||
|
||||
updateCollection(collection);
|
||||
|
||||
if (!canPaginateCollection(collection)) continue;
|
||||
|
||||
let pagination = collection.querySelector('[data-bss-type="blog-loop-pagination"]');
|
||||
|
||||
pagination.addEventListener('click', function(e) {
|
||||
let paginationItem = e.target.closest('.page-item');
|
||||
if (!paginationItem) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if (paginationItem.classList.contains('disabled') || paginationItem.classList.contains('active')) return;
|
||||
|
||||
let collection = paginationItem.closest('[data-bss-type="blog-loop"]');
|
||||
if (!collection) return;
|
||||
|
||||
let page = parseInt(paginationItem.dataset.page);
|
||||
if (!page) return;
|
||||
|
||||
let pageParam = getPageParameter(collection);
|
||||
|
||||
if (pageParam) {
|
||||
const url = new URL(window.location);
|
||||
url.searchParams.set(pageParam, page);
|
||||
history.pushState({
|
||||
[pageParam]: page
|
||||
}, document.title, url);
|
||||
|
||||
for (let c of collections) {
|
||||
let param = getPageParameter(c);
|
||||
if (param !== pageParam) continue;
|
||||
updateCollection(c);
|
||||
}
|
||||
} else {
|
||||
updateCollection(collection, page);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
for (let tagNav of tagNavs) {
|
||||
updateTagNav(tagNav);
|
||||
tagNav.addEventListener('click', onTagClick);
|
||||
}
|
||||
|
||||
for (let tagLoop of tagLoops) {
|
||||
tagLoop.addEventListener('click', onTagClick);
|
||||
}
|
||||
|
||||
for (let authorLoop of authorLoops) {
|
||||
authorLoop.addEventListener('click', onAuthorClick);
|
||||
}
|
||||
|
||||
for (let authorNav of authorNavs) {
|
||||
updateAuthorNav(authorNav);
|
||||
}
|
||||
|
||||
function onTagClick(e) {
|
||||
onBlogFilterClick(e);
|
||||
|
||||
for (let nav of tagNavs) {
|
||||
updateTagNav(nav);
|
||||
}
|
||||
}
|
||||
|
||||
function onAuthorClick(e) {
|
||||
onBlogFilterClick(e);
|
||||
|
||||
for (let authorNav of authorNavs) {
|
||||
updateAuthorNav(authorNav);
|
||||
}
|
||||
}
|
||||
|
||||
function onBlogFilterClick(e) {
|
||||
const item = e.target.closest('[data-bss-filter="blog"]');
|
||||
if (!item || !item.dataset.hasOwnProperty('bssHref') || !item.dataset.hasOwnProperty('bssFilterParam')) return;
|
||||
|
||||
const stateNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
|
||||
|
||||
if (stateNode && (stateNode.classList.contains('disabled') || stateNode.classList.contains('active'))) {
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
|
||||
const link = item.dataset.bssHref;
|
||||
if (!linksToCurrentPage(link)) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
const url = new URL(window.location);
|
||||
const filterParam = item.dataset.bssFilterParam;
|
||||
const filterValue = item.dataset.bssFilterValue || '';
|
||||
|
||||
const collectionsToUpdate = [];
|
||||
const newQueryParams = {
|
||||
[filterParam]: filterValue
|
||||
};
|
||||
|
||||
for (let c of collections) {
|
||||
if (!canFilterCollection(c)) continue;
|
||||
collectionsToUpdate.push(c);
|
||||
|
||||
let pageParam = getPageParameter(c);
|
||||
let page = url.searchParams.get(pageParam);
|
||||
if (page === null || page == 1) continue;
|
||||
|
||||
newQueryParams[pageParam] = 1;
|
||||
}
|
||||
|
||||
for (let param in newQueryParams) {
|
||||
if (newQueryParams[param]) {
|
||||
url.searchParams.set(param, newQueryParams[param]);
|
||||
} else {
|
||||
url.searchParams.delete(param);
|
||||
}
|
||||
}
|
||||
|
||||
history.pushState(newQueryParams, document.title, url);
|
||||
|
||||
for (let c of collectionsToUpdate) {
|
||||
updateCollection(c);
|
||||
}
|
||||
}
|
||||
|
||||
function getCollectionFilters(collection) {
|
||||
let filters = [];
|
||||
|
||||
try {
|
||||
const parsed = JSON.parse(collection.dataset.bssFilters);
|
||||
|
||||
if (Array.isArray(parsed)) {
|
||||
filters = parsed;
|
||||
}
|
||||
} catch (e) {}
|
||||
|
||||
return filters;
|
||||
}
|
||||
|
||||
function getCollectionEmptyFilterAction(collection, filter = '') {
|
||||
let emptyFilterActions = [];
|
||||
|
||||
try {
|
||||
const parsed = JSON.parse(collection.dataset.bssEmptyFilterActions);
|
||||
|
||||
if (Array.isArray(parsed)) {
|
||||
emptyFilterActions = parsed;
|
||||
}
|
||||
} catch (e) {}
|
||||
|
||||
const action = emptyFilterActions.find(action => action.filter === filter);
|
||||
|
||||
return action ? action.value : '';
|
||||
}
|
||||
|
||||
function canFilterCollection(collection) {
|
||||
return !!getCollectionFilters(collection).length;
|
||||
}
|
||||
|
||||
function canFilterCollectionByTag(collection) {
|
||||
return getCollectionFilters(collection).includes('tag');
|
||||
}
|
||||
|
||||
function canFilterCollectionByAuthor(collection) {
|
||||
return getCollectionFilters(collection).includes('author');
|
||||
}
|
||||
|
||||
function shouldShowAllItemsForEmptyFilter(collection, filter = '') {
|
||||
return getCollectionEmptyFilterAction(collection, filter) === 'show-all';
|
||||
}
|
||||
|
||||
function canPaginateCollection(collection) {
|
||||
return !!getCollectionPagination(collection);
|
||||
}
|
||||
|
||||
function getCollectionPagination(collection) {
|
||||
return collection.querySelector('[data-bss-type="blog-loop-pagination"]');
|
||||
}
|
||||
|
||||
function getPageParameter(collection) {
|
||||
return collection.dataset.bssPageParam;
|
||||
}
|
||||
|
||||
function linksToCurrentPage(path = '') {
|
||||
let currentURL, url;
|
||||
|
||||
try {
|
||||
currentURL = new URL(window.location);
|
||||
url = new URL(path, window.location.href);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
|
||||
return currentURL.origin === url.origin && currentURL.pathname === url.pathname;
|
||||
}
|
||||
|
||||
function updateCollection(collection, page, activeTag = '', activeAuthor = '') {
|
||||
|
||||
const url = new URL(window.location.href);
|
||||
|
||||
if (canPaginateCollection(collection)) {
|
||||
if (!page) {
|
||||
let pageParam = getPageParameter(collection);
|
||||
page = (pageParam ? url.searchParams.get(pageParam) : 1) || 1;
|
||||
}
|
||||
}
|
||||
|
||||
if (canFilterCollectionByTag(collection) && !activeTag) {
|
||||
let tagParam = 'tag';
|
||||
activeTag = url.searchParams.get(tagParam) || '';
|
||||
}
|
||||
|
||||
if (canFilterCollectionByAuthor(collection) && !activeAuthor) {
|
||||
let authorParam = 'author';
|
||||
activeAuthor = url.searchParams.get(authorParam) || '';
|
||||
}
|
||||
|
||||
renderCollectionPage(collection, page, activeTag, activeAuthor);
|
||||
}
|
||||
|
||||
function renderCollectionPage(collection, page = 1, activeTag = '', activeAuthor = '') {
|
||||
|
||||
page = Math.max(parseInt(page, 10), 1);
|
||||
|
||||
collection.style.removeProperty('display');
|
||||
|
||||
let loopBase = collection.querySelector('[data-bss-type="blog-loop-base"]');
|
||||
loopBase && loopBase.style.removeProperty('display');
|
||||
|
||||
let emptyState = collection.querySelector('[data-bss-type="empty-state"]');
|
||||
emptyState && emptyState.style.setProperty('display', 'none', 'important');
|
||||
|
||||
let listItems = [].slice.call(collection.querySelectorAll('[data-bss-type="blog-loop-item"]'));
|
||||
listItems.forEach(item => item.style.setProperty('display', 'none', 'important'));
|
||||
|
||||
if (canFilterCollectionByTag(collection)) {
|
||||
listItems = listItems.filter(item => activeTag ? item.classList.contains('post-tag-' + activeTag) : shouldShowAllItemsForEmptyFilter(collection, 'tag'));
|
||||
}
|
||||
|
||||
if (canFilterCollectionByAuthor(collection)) {
|
||||
listItems = listItems.filter(item => activeAuthor ? item.classList.contains('post-author-' + activeAuthor) : shouldShowAllItemsForEmptyFilter(collection, 'author'));
|
||||
}
|
||||
|
||||
let perPage = collection.dataset.bssPerpage || listItems.length;
|
||||
let visibleListItems = listItems.slice((page - 1) * perPage, page * perPage);
|
||||
visibleListItems.forEach(item => item.style.removeProperty('display'));
|
||||
|
||||
let isEmpty = !visibleListItems.length;
|
||||
|
||||
if (isEmpty) {
|
||||
loopBase && loopBase.style.setProperty('display', 'none', 'important');
|
||||
emptyState && emptyState.style.removeProperty('display');
|
||||
}
|
||||
|
||||
let itemCount = listItems.length;
|
||||
let pageCount = Math.max(Math.ceil(itemCount / perPage), 1);
|
||||
|
||||
updateCollectionPagination(collection, page, pageCount, isEmpty);
|
||||
|
||||
if (collection.dataset.bssScrollOnChange) {
|
||||
scrollToCollectionTop(collection);
|
||||
}
|
||||
}
|
||||
|
||||
function updateCollectionPagination(collection, page, pageCount, isEmpty) {
|
||||
let pagination = getCollectionPagination(collection);
|
||||
if (!pagination) return;
|
||||
|
||||
let paginationItems = [].slice.call(pagination.querySelectorAll('.page-item'));
|
||||
|
||||
if (pageCount === 1 || isEmpty) {
|
||||
pagination.style.setProperty('display', 'none', 'important');
|
||||
} else {
|
||||
pagination.style.removeProperty('display');
|
||||
}
|
||||
|
||||
let previousBtnDisabled = page - 1 <= 0;
|
||||
let previousPage = previousBtnDisabled ? 1 : page - 1;
|
||||
|
||||
let nextBtnDisabled = page + 1 > pageCount;
|
||||
let nextPage = nextBtnDisabled ? pageCount : page + 1;
|
||||
|
||||
for (let i = 0; i < paginationItems.length; i++) {
|
||||
let paginationItem = paginationItems[i];
|
||||
|
||||
paginationItem.classList.remove('active', 'disabled');
|
||||
|
||||
if (paginationItem.dataset.type === 'prev') {
|
||||
paginationItem.dataset.page = previousPage;
|
||||
|
||||
if (previousBtnDisabled) {
|
||||
paginationItem.classList.add('disabled');
|
||||
}
|
||||
} else if (paginationItem.dataset.type === 'next') {
|
||||
paginationItem.dataset.page = nextPage;
|
||||
|
||||
if (nextBtnDisabled) {
|
||||
paginationItem.classList.add('disabled');
|
||||
}
|
||||
} else {
|
||||
if (paginationItem.dataset.page > pageCount) {
|
||||
paginationItem.style.setProperty('display', 'none', 'important');
|
||||
} else {
|
||||
paginationItem.style.removeProperty('display');
|
||||
}
|
||||
|
||||
if (paginationItem.dataset.page == page) {
|
||||
paginationItem.classList.add('active');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function scrollToCollectionTop(collection) {
|
||||
const rect = collection.getBoundingClientRect();
|
||||
const viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
|
||||
const threshold = 100;
|
||||
|
||||
if (rect.top >= 0 && viewHeight - rect.top > threshold) return;
|
||||
|
||||
setTimeout(() => {
|
||||
collection.scrollIntoView({
|
||||
behavior: "smooth",
|
||||
block: "start",
|
||||
inline: "start"
|
||||
});
|
||||
}, 0);
|
||||
}
|
||||
|
||||
function updateTagNav(tagNav) {
|
||||
const url = new URL(window.location.href);
|
||||
|
||||
let tagParam = 'tag';
|
||||
let tag = url.searchParams.get(tagParam) || '';
|
||||
|
||||
renderTagNav(tagNav, tag);
|
||||
}
|
||||
|
||||
function renderTagNav(tagNav, activeTag = '') {
|
||||
if (!tagNav.dataset.bssSyncUrl) return;
|
||||
|
||||
let navItems = [].slice.call(tagNav.querySelectorAll('[data-bss-type="tag-loop-item"]'));
|
||||
|
||||
navItems.forEach(item => {
|
||||
const activeClassNode = item.dataset.hasOwnProperty('bssStateNode') ? item : item.querySelector('[data-bss-state-node]');
|
||||
if (!activeClassNode) return;
|
||||
|
||||
activeClassNode.classList.remove('active');
|
||||
|
||||
const link = item.dataset.bssHref;
|
||||
if (!linksToCurrentPage(link) || activeClassNode.classList.contains('disabled')) return;
|
||||
|
||||
if (item.dataset.bssTag === activeTag) {
|
||||
activeClassNode.classList.add('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function updateAuthorNav(authorNav) {
|
||||
const url = new URL(window.location.href);
|
||||
|
||||
let authorParam = 'author';
|
||||
let author = url.searchParams.get(authorParam) || '';
|
||||
|
||||
renderAuthorNav(authorNav, author);
|
||||
}
|
||||
|
||||
function renderAuthorNav(authorNav, activeAuthor = '') {
|
||||
if (!canFilterCollectionByAuthor(authorNav)) return;
|
||||
|
||||
authorNav.style.removeProperty('display');
|
||||
|
||||
let items = [].slice.call(authorNav.querySelectorAll('[data-bss-type="author-loop-item"]'));
|
||||
items.forEach(item => item.classList.contains('author-' + activeAuthor) ? item.style.removeProperty('display') : item.style.setProperty('display', 'none', 'important'));
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
<script src="../../assets/js/bs-init.js"></script>
|
||||
<script src="../../assets/js/Carousel---Slider-With-Animation-slider_with_animation.js"></script>
|
||||
<script src="../../assets/js/CookieConsentComponent-cookieconsent.js"></script>
|
||||
<script src="https://kit.fontawesome.com/8970d94f9b.js"></script>
|
||||
<script src="../../assets/js/pikaday.min.js"></script>
|
||||
<script src="../../assets/js/text-carousel.js"></script>
|
||||
<script src="../../assets/js/theme.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -106,13 +106,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="../../assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="../../assets/css/bss-overrides.css">
|
||||
@@ -127,16 +127,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="../../assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -149,23 +149,26 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block block-intro" style="padding-bottom: 10px;">
|
||||
<div class="container">
|
||||
<div class="heading" style="margin-bottom: 10px;">
|
||||
<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("../../assets/img/projects/keresley_church/keresleychurch.png") center / cover;color: white;">
|
||||
<h2 class="text-capitalize">St Thomas' Church Keresley</h2>
|
||||
<p>A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
<p style="margin-top: 15px;font-size: 24px;">A responsive and dynamic website including historical archives for public access.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="portfolio-block project" style="padding-top: 0;">
|
||||
<div class="container">
|
||||
<div class="carousel slide" data-bs-ride="false" id="carousel-1" style="width: 95%;margin-right: auto;margin-left: auto;margin-bottom: 25px;">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active"><img class="img-fluid w-100 d-block" width="1910" height="880" src="../../assets/img/projects/keresley_church/keresleychurch.png" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block" width="1910" height="880" src="../../assets/img/projects/keresley_church/parish_magazines.png" alt="Slide Image"></div>
|
||||
<div class="carousel-item"><img class="img-fluid w-100 d-block" width="1910" height="880" src="../../assets/img/projects/keresley_church/burial_register_system.png" alt="Slide Image"></div>
|
||||
<div class="container center-everything">
|
||||
<div class="swiper project-carousel" id="swiper-1" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"keyboard":true,"mousewheel":true,"effect":"creative","creativeEffect":{"prev":{"shadow":true,"translate":["-20%",0,-1]},"next":{"translate":["100%",0,0]}},"pagination":{"el":".swiper-pagination","type":"bullets","clickable":true,"dynamicBullets":true},"navigation":{"nextEl":".swiper-button-next","prevEl":".swiper-button-prev"}}">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="img-fluid slider-image-fit" width="1910" height="880" src="../../assets/img/projects/keresley_church/keresleychurch.png" alt="Slide Image"></div>
|
||||
<div class="swiper-slide"><img class="img-fluid slider-image-fit" width="1910" height="880" src="../../assets/img/projects/keresley_church/parish_magazines.png" alt="Slide Image"></div>
|
||||
<div class="swiper-slide"><img class="img-fluid slider-image-fit" width="1910" height="880" src="../../assets/img/projects/keresley_church/burial_register_system.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> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button></div>
|
||||
<div>
|
||||
<div class="swiper-button-prev swiper-control"></div>
|
||||
<div class="swiper-button-next swiper-control"></div>
|
||||
</div>
|
||||
<div class="swiper-pagination swiper-control"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 offset-md-1 info">
|
||||
@@ -179,13 +182,23 @@
|
||||
<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>
|
||||
</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>Ongoing - Phase 4</span><span class="meta-heading">Client</span><span>The Parish of Keresley with Coundon PCC</span><span class="meta-heading">Date</span><span>April 2014</span><span class="meta-heading">Products Created</span><span>Website and Historical Archives<br><br>Ongoing remote technical support and consulting for ongoing digital platforms</span></div><a class="btn btn-primary" role="button" href="https://www.keresley.church/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">Project Website</a>
|
||||
<div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing - Phase 4</span><span class="meta-heading">Client</span><span>The Parish of Keresley with Coundon PCC</span><span class="meta-heading">Date</span><span>April 2014</span><span class="meta-heading">Products Created</span><span>Website and Historical Archives<br><br>Ongoing remote technical support and consulting for ongoing digital platforms</span></div><a class="btn btn-primary" role="button" href="https://www.keresley.church/" target="_blank" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Project Website</a>
|
||||
</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 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>
|
||||
<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-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="../../assets/img/projects/peter_bell%20music/peter_bell_music.png"></a>
|
||||
<div class="card-body"><a href="peter-bell-music.html">
|
||||
<h4 class="text-body">Peter Bell Music</h4>
|
||||
</a>
|
||||
<p class="card-text">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="d-flex justify-content-center mt-3" data-bss-type="blog-loop-pagination">
|
||||
<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>
|
||||
@@ -199,7 +212,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -226,7 +239,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -238,13 +251,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="../../assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -269,7 +282,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -296,7 +309,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="../../assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -315,7 +328,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -105,13 +105,13 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
|
||||
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/Lato.css">
|
||||
<link rel="stylesheet" href="assets/css/bss-overrides.css">
|
||||
@@ -126,16 +126,16 @@
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
|
||||
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
|
||||
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
|
||||
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
|
||||
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
|
||||
</svg></a><a class="nav-link" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
|
||||
@@ -148,7 +148,7 @@
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="blog-block project portfolio-block">
|
||||
<div class="container">
|
||||
<div class="container center-everything">
|
||||
<div class="heading" style="margin-bottom: 25px;">
|
||||
<h1>Projects</h1>
|
||||
<ul class="nav nav-tabs d-flex justify-content-center" data-bss-type="tag-nav" data-bss-sync-url="true">
|
||||
@@ -166,7 +166,17 @@
|
||||
<h4 class="text-center text-body d-flex justify-content-center">CS:Box</h4>
|
||||
</a>
|
||||
<div class="d-flex flex-wrap gap-1 mb-3" data-bss-type="tag-loop" style="float: left;"><span class="tag-projects-for-education" data-bss-type="tag-loop-item"><span class="badge bg-primary"><span>Projects for Education</span></span></span></div>
|
||||
<p class="text-start card-text" style="clear: both;">CS:Box is an innovative educational tool designed to support the teaching of key concepts from the UK Computing Curriculum. Building on the foundation…</p><a class="d-flex justify-content-end card-link blog-link" href="my-work/projects-for-education/cs_box.html"><u class="coloured-underline">> Read more</u></a>
|
||||
<p class="text-start card-text" style="clear: both;">An evolution of Bit:Box to incorporate different elements of the UK Computing Curriculum</p><a class="d-flex justify-content-end card-link blog-link" href="my-work/projects-for-education/cs_box.html"><u class="coloured-underline">> Read more</u></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col post-tag-web-design" data-bss-type="blog-loop-item" style="padding-bottom: 15px;">
|
||||
<div class="card"><a href="my-work/web-design/peter-bell-music.html"><img class="card-img-top rainbow-border" src="assets/img/projects/peter_bell%20music/peter_bell_music.png"></a>
|
||||
<div class="card-body" style="min-height: 250px;"><a href="my-work/web-design/peter-bell-music.html">
|
||||
<h4 class="text-center text-body d-flex justify-content-center">Peter Bell Music</h4>
|
||||
</a>
|
||||
<div class="d-flex flex-wrap gap-1 mb-3" data-bss-type="tag-loop" style="float: left;"><span class="tag-web-design" data-bss-type="tag-loop-item"><span class="badge bg-primary"><span>Web Design</span></span></span></div>
|
||||
<p class="text-start card-text" style="clear: both;">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p><a class="d-flex justify-content-end card-link blog-link" href="my-work/web-design/peter-bell-music.html"><u class="coloured-underline">> Read more</u></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -181,7 +191,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col post-tag-extracurricular-projects" data-bss-type="blog-loop-item" style="padding-bottom: 15px;">
|
||||
<div class="card"><a href="my-work/extracurricular-projects/the-computers-identity.html"><img class="card-img-top rainbow-border" src="assets/img/projects/the_computer%27s%20identity/identitypreview.png"></a>
|
||||
<div class="card"><a href="my-work/extracurricular-projects/the-computers-identity.html"><img class="card-img-top rainbow-border" src="assets/img/projects/the_computers_identity/identitypreview.png"></a>
|
||||
<div class="card-body" style="min-height: 250px;"><a href="my-work/extracurricular-projects/the-computers-identity.html">
|
||||
<h4 class="text-center text-body d-flex justify-content-center">The Computer's Identity</h4>
|
||||
</a>
|
||||
@@ -203,7 +213,7 @@
|
||||
</section>
|
||||
</main>
|
||||
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
|
||||
@@ -230,7 +240,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -242,13 +252,13 @@
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
|
||||
<p>IT professional and Head of Computing in the West Midlands</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
@@ -273,7 +283,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="container py-4 py-lg-5 center-everything">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 text-center text-body">Accreditations</h3>
|
||||
@@ -300,7 +310,7 @@
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
|
||||
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
|
||||
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
|
||||
</svg></button></div>
|
||||
@@ -319,7 +329,7 @@
|
||||
</div>
|
||||
<hr>
|
||||
<div class="d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
|
||||
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
|
||||
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
|
||||
|
||||
@@ -27,9 +27,15 @@
|
||||
<url>
|
||||
<loc>https://www.mrdaviscsit.uk/my-work/projects-for-education/cs_box.html</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www.mrdaviscsit.uk/my-work/web-design/peter-bell-music.html</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www.mrdaviscsit.uk/my-work/web-design/st-thomas-church-keresley.html</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www.mrdaviscsit.uk/my-work/showreel.html</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://www.mrdaviscsit.uk/about.html</loc>
|
||||
</url>
|
||||
|
||||
Binary file not shown.
Reference in New Issue
Block a user