Skip to content

Commit

Permalink
General Updates
Browse files Browse the repository at this point in the history 
 - Added content to home page card carousel
 - Restructured home page text
 - Page structure edits
  • Loading branch information
@LewisN3142
LewisN3142 committed Oct 21, 2023
1 parent 61cf626 commit 2bd0e33
Show file tree
Hide file tree
Showing 5 changed files with 71 additions and 52 deletions.
4 changes: 2 additions & 2 deletions academia_page/academia.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -416,7 +416,7 @@ <h3> Reports (unpublished) </h3>
<article> <!-- News Section-->
<h2> News and Events </h2>

Browse these cards to view news from my studies including visits to workshops and conferences (see below for
Browse for news from my studies, including visits to workshops and conferences (see below for
events at which I have given talks), as well as my progress in obtaining my Ph.D.
<div class="slider-padding"></div>

Expand Down Expand Up @@ -738,7 +738,7 @@ <h3> University of Surrey Mathematics Department</h3>
<h3> External Contributed Talks </h3>
<ul>
<!--<li> !-- BIMSA Talk --
<b class="redColor"> Title tbc </b> (1st November 2023)
<b class="redColor"> Title tbc </b> (21st November 2023)
<p class="small-para">
<em> Integrable Systems Seminar <br> Beijing Institute of Mathematical Sciences and Applications, China
(via Zoom).
Expand Down
26 changes: 19 additions & 7 deletions global/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -387,7 +387,7 @@ main hr {
}

.modal-title {
padding: 0.9rem 1rem 0.9rem 1rem;
padding: 0.9rem 0.9rem 0.9rem 1rem;
text-align: left;
border-bottom: 1px solid var(--overlay-color);
overflow: hidden;
Expand All @@ -407,8 +407,7 @@ main hr {
}

#close-terms-button {
margin: 0.1rem;
margin-left: 1rem;
margin: 0.35rem 0.1rem 0 1rem;
display: inline-block;
justify-content: flex-end;
align-self: center;
Expand All @@ -419,6 +418,7 @@ main hr {
color: var(--foreground-active-blue);
background: none;
border: none;
padding: 0;
}

.modal-details {
Expand Down Expand Up @@ -848,6 +848,10 @@ button:focus-visible,

/* CARD CAROUSEL */

#soon-card {
background-image: url("/home_material/villainelle.webp");
}

#oxford-card {
background-image: url("../academia_page/academia_images/Oxford.webp");
}
Expand All @@ -864,6 +868,10 @@ button:focus-visible,
background-image: url("../academia_page/academia_images/Surrey.webp");
}

#complete-card {
background-image: url("/academia_page/academia_images/Surrey.webp");
}

#fields-card {
background-image: url("../academia_page/academia_images/Fields.webp");
}
Expand All @@ -872,6 +880,10 @@ button:focus-visible,
background-image: url("../academia_page/academia_images/LMS.webp");
}

#imperial-card {
background-image: url("/home_material/imperial.webp");
}

.card-carousel {
display: flex;
align-items: center;
Expand Down Expand Up @@ -1220,8 +1232,8 @@ button:focus-visible,
max-width: 960px;
}
.img-about {
margin-top: 2.7rem;
margin-bottom: 2.5rem;
margin-top: 4.35rem;
margin-bottom: 4.15rem;
}
}

Expand All @@ -1230,8 +1242,8 @@ button:focus-visible,
max-width: 1140px;
}
.img-about {
margin-top: 1.1rem;
margin-bottom: 0.9rem;
margin-top: 2.8rem;
margin-bottom: 2.6rem;
}
}

Expand Down
Binary file added home_material/imperial.webp
View file
Binary file not shown.
Binary file added home_material/villainelle.webp
View file
Binary file not shown.
93 changes: 50 additions & 43 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -162,17 +162,7 @@ <h2>Welcome to my Website!</h2>
</div>

<div class="container"> <!-- Container For Page Content -->

<div class="section-break" id="aboutMe"></div>
<p>
Please note that this website is currently a work in progress. As such, some content may be missing
or may not function as intended. The page is updated regularly however, so revisit soon to see more
of my work! Should you discover a problem, bug, or error please feel free to file an issue at this website's
associated <a href="https://github.com/LewisN3142/LewisN3142.github.io/issues" rel="noopener noreferrer"
class="external-link under-overlay under-modal-overlay">Github repository</a> or <a
href="mailto:ln00216@surrey.ac.uk" rel="noopener noreferrer"
class="external-link under-overlay under-modal-overlay">email me</a>.
</p>

<article> <!-- About Section -->
<h2> About Me </h2>
Expand All @@ -190,7 +180,13 @@ <h2> About Me </h2>
<p class="medium-para">
This site is intended to be a showcase of my work and hobbies across various fields,
acting as a catalogue of my academic career, artistic endeavours, and other
exploits. Explore to find out more or take a look at my <a href="home_material/CV_Lewis_Napper.pdf"
exploits.
Should you discover a problem, bug, or error, please feel free to file an issue on this website's
associated <a href="https://github.com/LewisN3142/LewisN3142.github.io/issues"
rel="noopener noreferrer" class="external-link under-overlay under-modal-overlay">Github
repository</a> or <a href="mailto:ln00216@surrey.ac.uk" rel="noopener noreferrer"
class="external-link under-overlay under-modal-overlay">contact me</a>.
Explore to find out more or take a look at my <a href="home_material/CV_Lewis_Napper.pdf"
rel="noopener noreferrer"
class="local-download under-overlay under-modal-overlay download-less-padding">
CV</a>.
Expand All @@ -216,69 +212,81 @@ <h2> About Me </h2>
<article> <!-- News Carousel -->
<h2> News and Updates </h2>

<span class="redColor"> Check back soon for a card carousel providing updates on my life and progress on this
site! </span>
Browse for announcements of upcoming presentations and events, recently added site content, and other news.

<!--
<div class="slider-padding"></div>

<div class="card-carousel">
<div class="slider-container">
<div class="cards" id="cards">

<div class="card" id="home0" data-index="0" data-status="activeMiddle" loading="lazy">
<div class="card" id="imperial-card" data-index="0" data-status="activeMiddle" loading="lazy">
<div>
<div class="card-title">
<h3 class="card-name"> Title 1
<h3 class="card-name"> Upcoming Talks
</h3>
<p class="card-date"> Location <br> Date </p>
<p class="card-date"> Posted: 22nd October 2023 </p>
<p class="card-details">
Details
<br> <br>
<a href="" rel="noopener noreferrer"
class="external-link external-link-list-item under-overlay">
Link if needed</a>
<b>Title: Monge&ndash;Ampère Equations in Fluid Dynamics and Their Geometry </b> <br>
<span class="midBold">Date:</span> 1st November 2023 <br>
<em><span class="midBold">Series:</span> Junior Analysis Seminar</em> <br>
<em><span class="midBold">Location:</span> Imperial College, London, UK</em>
<br><br>
<a href="https://www.imperial.ac.uk/events/166115/junior-analysis-seminar-lewis-napper-surrey/"
rel="noopener noreferrer"
class="external-link external-link-list-item under-overlay under-modal-overlay">
Seminar Webpage</a>
</p>
<div style="height:0.05rem;"></div>
<p class="card-details">
<b>Title: TBC</b> <br>
<span class="midBold">Date:</span> 21st November 2023 <br>
<em><span class="midBold">Series:</span> Integrable Systems Seminar </em><br>
<em><span class="midBold">Location:</span> Beijing Institute of Mathematical Sciences and
Applications, Beijing, China (via
Zoom)</em>
<br><br>
<a href="https://www.bimsa.cn/newsinfo/797407.html" rel="noopener noreferrer"
class="external-link external-link-list-item under-overlay under-modal-overlay">
Seminar Webpage</a>
</p>
</div>
</div>
</div>

<div class="card" id="home1" data-index="1" data-status="activeRight" onclick="handleSliderRight()"
<div class="card" id="soon-card" data-index="1" data-status="activeRight" onclick="handleSliderRight()"
loading="lazy">
<div>
<div class="card-title">
<h3 class="card-name"> Title 2
<h3 class="card-name"> New Pages Coming Soon!
</h3>
<p class="card-date"> Location <br> Date </p>
<p class="card-date"> Posted: 22nd October 2023 </p>

<p class="card-details">
Details
<br> <br>
<a href="" rel="noopener noreferrer"
class="external-link external-link-list-item under-overlay link-back-card" tabindex="-1">
Link if needed </a>
This website is a work in progress and is updated regularly. New pages currently in
the works include: <br><br>
- Art Gallery Page, <br>
- Code Catalogue, <br>
- Clips Page (inc. music and speedruns), <br>
- Blog and Review Page.
</p>
</div>
</div>
</div>

<div class="card" id="home2" data-index="2" data-status="activeLeft" onclick="handleSliderLeft()"
loading="lazy">
<div class="card" id="complete-card" data-index="2" data-status="activeLeft"
onclick="handleSliderLeft()" loading="lazy">
<div>
<div class=" card-title">
<h3 class="card-name"> Title 3
<h3 class="card-name"> Academia and Home Pages are Feature&ndash;Complete
</h3>
<p class="card-date"> Location <br> Date
</p>
<p class="card-date"> Posted: 22nd October 2023 </p>

<p class="card-details">
Details
<br> <br>
<a href="" rel="noopener noreferrer"
class="external-link external-link-list-item under-overlay link-back-card" tabindex="-1">
Link if needed</a>
That's right! This home page and my <a href="academia_page/academia.html"
class="under-overlay under-modal-overlay internal-link">Academia Page</a> are now
feature&ndash;complete. There will still be regular updates to page content, including links to
new pages as these become active.
</p>
</div>
</div>
Expand All @@ -300,7 +308,6 @@ <h3 class="card-name"> Title 3
</div>

<div class="slider-padding"></div>
-->

</article>

Expand Down

0 comments on commit 2bd0e33

Please sign in to comment.