Skip to content

Add Portfolio #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ngpaladi merged 1 commit into from
Dec 4, 2023
Merged

Add Portfolio #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 13 additions & 4 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,20 @@
<footer class="container-fluid bg-dark text-light text-center py-5">
<footer class="container-fluid bg-dark text-light text-center py-5 footer">
<div class="container bg-dark justify-content-center text-center">
<p class="align-center py-1"><b>Contact:</b> <a class="email" href="mailto:info@uncommonmodels.com">info@uncommonmodels.com</a></p>
<div class="row justify-content-center py-1">
<div class="col-sm-4">
<p class="align-center"><a class="" href="{{site.baseurl}}/">Homepage</a></p>
</div>
<div class="col-sm-4">
<p class="align-center"><b>Contact:</b> <a class="email" href="mailto:info@uncommonmodels.com">info@uncommonmodels.com</a></p>
</div>


<p class="align-center">
</div>
<p class="align-center pt-5">
&copy;
<script>document.write(new Date().getFullYear())</script> Uncommon Models. All rights reserved.
</p>
</div>

</footer>
</footer>
</html>
27 changes: 27 additions & 0 deletions _layouts/post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
{% include head.html %}

<body>
<div class="container-fluid post-envelope">
<div class="bg-light container post-body">
<div class="px-4 py-5 my-5 justify-content-center" >
<h1 class="display-5 fw-bold text-center">{{page.title}}</h1>
<hr>
<br/>
<div class="row justify-content-center">
<img src="{{ site.baseurl }}{{ page.image }}" class=" col-sm-10 col-md-8 col-lg-6 col-xl-4 align-center" alt="{{page.title}}">
</div>

<br>
<div class="col-lg-6 mx-auto">
{{page.content | markdownify}}
{% if page.external_link != "" and page.external_link != null %}
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="{{page.external_link}}" class="btn btn-primary">Learn More</a>
</div>
{%endif%}
</div>
</div>
</div>
</div>
</body>
{% include footer.html %}
7 changes: 7 additions & 0 deletions _posts/2023-08-01-lighthouse.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
---
title: "Wings Neck Lighthouse"
layout: post
description: ''
image: /assets/img/lighthouse.jpg
---
The Wings Neck lighthouse is located on Cape Cod in Massachusetts and stands near the southernmost entrance of the Cape Cod Canal. This model was recreated in N scale using photographs and US Coast Guard blueprints in the public domain. The model includes space for lighting the tower with a 1/4" LED.
7 changes: 7 additions & 0 deletions _posts/2023-09-01-rrrr_freight_station.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
---
title: "Raritan River Railroad Freight Station"
layout: post
description: ''
image: /assets/img/rrrr_freight_station.jpg
---
The Raritan River Railroad was a short line that ran from South Amboy, NJ to New Brunswick, NJ. The line was founded in 1888 and eventuially was absorbed into Conrail in 1980. The line provided passenger service until 1938 and continues to service freight customers to the present day. Currently, only one original structure on the line survives: the Raritan River Railroad Freight Station in Milltown, NJ. The station originally served as the town's passenger station before being moved to its current locationa and repurposed as a freight depot. This model represents that station in it's current freight configuration, with wider doors on the track and road sides. To purchase a model in either HO scale or N Scale, please contact the Raritan River Railroad Historical Society. All proceeds go towards the moving of the station across the street so it can be restored and preserved as a museum and community meeting center.
Binary file added assets/img/lighthouse.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/rrrr_freight_station.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
24 changes: 20 additions & 4 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,31 @@ body {
h1 {
font-family: 'League Spartan', sans-serif;
font-weight: 800;
color: white;
text-transform: uppercase;
font-size: calc(12px + 4vmin);
padding-bottom: 1vh;
opacity: 1;
}
.text-light h1{
color: #ffffff;
}
.text-dark h2{
color: #1f1f1f;
}

.post-envelope {
min-height: 85vh;
}
.footer {
min-height: 15vh;
}

h2 {
font-family: 'League Spartan', sans-serif;
font-weight: 300;
color: #d9d9d9;
font-size: calc(10px + 3vmin);
width: 100%;
text-transform: uppercase;
opacity: 1;
}
.splash a {
color: #a6a6a6;
Expand Down Expand Up @@ -48,11 +59,16 @@ h2 {
h3 {
font-family: 'League Spartan', sans-serif;
font-weight: 300;
color: #a6a6a6;
font-size: calc(8px + 2.5vmin);
width: 100%;
opacity: 1;
}
.text-light h3{
color: #a6a6a6;
}
.text-dark h3{
color: #363636;
}
.splash {
background-attachment: local;
background-size: cover;
Expand Down
21 changes: 13 additions & 8 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,20 +5,26 @@
{% include head.html %}

<body>
<div class="bg-dark container-fluid splash">
<div class="bg-dark text-light container-fluid splash">
<div class="container" id="splash-content">
<img id="splash-logo" src="assets/img/UncommonModels.svg" />
<h1 class="py-4">Uncommon Models</h1>
<h2>Production-Oriented <br/>Model Railroad <br/> Product Design</h2>
<h2>Production-Oriented <br />Model Railroad <br /> Product Design</h2>
<h3 class="py-4"><a class="email" href="mailto:sales@uncommonmodels.com">sales@uncommonmodels.com</a></h3>
</div>
</div>
<div class="container text-center">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4">
<div class="container justify-content-center text-center pb-5">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 pb-5 justify-content-center">
{% for post in site.posts %}
<div class="row">
<div class="card m-2 post-preview">

<div class="col">
<div class="card m-3 post-preview">
<img src="{{ site.baseurl }}{{ post.image }}" class="card-img-top" alt="{{post.title}}">
<div class="card-body">
<h5 class="card-title pb-3" style="min-height: 5vh;">{{post.title}}</h5>
<!-- <p class="card-text">{{post.description}}</p> -->
<div class="d-flex justify-content-center"><a href="{{post.url}}"
class="btn btn-primary">Learn More</a></div>
</div>
</div>
</div>
{% endfor %}
Expand All @@ -29,4 +35,3 @@ <h3 class="py-4"><a class="email" href="mailto:sales@uncommonmodels.com">sales@u

{% include footer.html %}

</html>