112 lines
3.5 KiB
HTML
112 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
|
|
<title>{% block title %}Default Title{% endblock %}</title>
|
|
<link
|
|
rel="shortcut icon"
|
|
href="{{ url_for('static', filename='favicon.svg') }}"
|
|
/>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
|
|
<link
|
|
href="{{ url_for('static', filename='css/bootstrap.min.css') }}"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="{{ url_for('static', filename='css/simple-blog-template.css') }}"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="{{ url_for('static', filename='css/blog.css') }}"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="{{ url_for('static', filename='css/components/timeline.css') }}"
|
|
rel="stylesheet"
|
|
/>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
corePlugins: {
|
|
preflight: false,
|
|
},
|
|
prefix: "tw-", // All Tailwind classes must now start with tw-
|
|
};
|
|
</script>
|
|
<script src="{{ url_for('static', filename='js/timeline.js') }}"></script>
|
|
<style>
|
|
.image-container {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
height: 20vh; /* Show 20% of the viewport height */
|
|
overflow: hidden; /* Hide parts of the image outside the container */
|
|
position: relative; /* Position context for the image */
|
|
}
|
|
|
|
.image-container img {
|
|
width: 100%; /* Make the image fit the container width */
|
|
height: auto; /* Maintain aspect ratio */
|
|
position: absolute; /* Position image relative to container */
|
|
top: 50%; /* Move image down by 50% of its height */
|
|
transform: translateY(
|
|
-50%
|
|
); /* Pull it back up by 50% of its own height */
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button
|
|
type="button"
|
|
class="navbar-toggle"
|
|
data-toggle="collapse"
|
|
data-target="#bs-example-navbar-collapse-1"
|
|
>
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="{{ url_for('home') }}"
|
|
>{{blog_title.title}}</a
|
|
>
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="{{ url_for('about') }}">About</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container">{% block content %} {% endblock %}</div>
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="{{ url_for('static', filename='js/jquery.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
|
|
</body>
|
|
</html>
|