added role taxonomy page and position page template
This commit is contained in:
timurgordon
60
templates/partials/applicationForm.html
Normal file
60
templates/partials/applicationForm.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<div class="mt-5 md:mt-0 md:col-span-2">
|
||||
<form action="#" method="POST">
|
||||
<div class="shadow sm:rounded-md sm:overflow-hidden">
|
||||
<div class="px-4 py-5 bg-white space-y-6 sm:p-6">
|
||||
<h3 class="text-black text-lg">Application</h3>
|
||||
<div class="grid grid-cols-3 gap-6">
|
||||
<div class="col-span-3 sm:col-span-2">
|
||||
<label for="company-website" class="block text-sm font-medium text-gray-700"> Website </label>
|
||||
<div class="mt-1 flex rounded-md shadow-sm">
|
||||
<span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 text-sm"> http:// </span>
|
||||
<input type="text" name="company-website" id="company-website" class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300" placeholder="www.example.com">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="about" class="block text-sm font-medium text-gray-700"> About </label>
|
||||
<div class="mt-1">
|
||||
<textarea id="about" name="about" rows="3" class="shadow-sm focus:ring-indigo-500 focus:border-indigo-500 mt-1 block w-full sm:text-sm border border-gray-300 rounded-md" placeholder="you@example.com"></textarea>
|
||||
</div>
|
||||
<p class="mt-2 text-sm text-gray-500">Brief description for your profile. URLs are hyperlinked.</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700"> Photo </label>
|
||||
<div class="mt-1 flex items-center">
|
||||
<span class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100">
|
||||
<svg class="h-full w-full text-gray-300" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" />
|
||||
</svg>
|
||||
</span>
|
||||
<button type="button" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="block text-sm font-medium text-gray-700"> Resume </label>
|
||||
<div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md">
|
||||
<div class="space-y-1 text-center">
|
||||
<svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
|
||||
<path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||||
</svg>
|
||||
<div class="flex text-sm text-gray-600">
|
||||
<label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
|
||||
<span>Upload a file</span>
|
||||
<input id="file-upload" name="file-upload" type="file" class="sr-only">
|
||||
</label>
|
||||
<p class="pl-1">or drag and drop</p>
|
||||
</div>
|
||||
<p class="text-xs text-gray-500">PDF up to 10MB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
|
||||
<button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -1,3 +1,9 @@
|
||||
<h4>{{page.title}}</h4>
|
||||
<p>{{page.description}}</p>
|
||||
<p>Last updated: {{page.updated}}</p>
|
||||
<div class="mb-8 flex flex-col">
|
||||
<a href="{{page.permalink}}" class="text-lg font-medium cursor-pointer text-blue-400 py-4">
|
||||
{{page.title | safe}}
|
||||
</a>
|
||||
{% include "partials/tags.html" %}
|
||||
<p>
|
||||
{{page.description | safe}}
|
||||
</p>
|
||||
</div>
|
||||
@@ -5,25 +5,13 @@
|
||||
{% set roles = taxonomy.items %}
|
||||
{% for role in roles %}
|
||||
<div class="flex flex-col items-start text-left my-8 mx-4 md:mx-8 lg:mx-4 flex-1 w-72">
|
||||
{% set icon_path = config.extra.taxonomies["roles"][role.name].iconPath | as_str %}
|
||||
{% set icon_path = config.extra.taxonomies["roles"][role.name].icon_path | as_str %}
|
||||
<img src="{{icon_path}}" alt="role category icon" class="h-10 my-4">
|
||||
{% set path = role.name | slugify %}
|
||||
{% set fullpath = "/roles/" ~ path ~ "#list" %}
|
||||
{% set fullpath = "/roles/" ~ path %}
|
||||
<a href={{fullpath}} class="text-2xl text-black font-normal lg:mb-8 cursor-pointer"> {{role.name}} </a>
|
||||
{% for page in role.pages %}
|
||||
<div class="mb-8 flex flex-col">
|
||||
<a href="{{page.permalink}}" class="text-lg font-medium cursor-pointer text-blue-400 py-4">
|
||||
{{page.title | safe}}
|
||||
</a>
|
||||
<div class="flex mb-4">
|
||||
{% for tag in page.taxonomies.tags %}
|
||||
<div class="bg-gray-200 rounded font-semibold text-xs w-auto px-2 py-1 mr-2">{{tag}}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<p>
|
||||
{{page.description | safe}}
|
||||
</p>
|
||||
</div>
|
||||
{% include "partials/pageBox.html"%}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
5
templates/partials/tags.html
Normal file
5
templates/partials/tags.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<div class="flex mb-4">
|
||||
{% for tag in page.taxonomies.tags %}
|
||||
<div class="bg-gray-200 rounded font-semibold text-xs w-auto px-2 py-1 mr-2">{{tag}}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
31
templates/positionPage.html
Normal file
31
templates/positionPage.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% block content %}
|
||||
|
||||
<!-- Default page template for blog posts and basic informative markdown files -->
|
||||
<main>
|
||||
|
||||
{% set banner_path = config.extra.taxonomies["roles"][page.taxonomies.roles[0]].banner_path | as_str %}
|
||||
{% set styles = "background: url('/" ~ banner_path ~ "'); background-size: cover; background-position: center" %}
|
||||
|
||||
<div class="w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 -mt-6 max-w-none py-28 max-h-80" style="{{styles}}"></div>
|
||||
<div class="flex flex-col lg:flex-row md:mx-4 lg:mx-6">
|
||||
<article class="article mx-auto lg:w-1/2 lg:mr-8 lg:mt-10">
|
||||
<div class="pt-8 lg:pt-8 2xl:pt-24">
|
||||
<h3 class="text-2xl font-normal my-0 text-gray-600">Our World</h3>
|
||||
<h1 class="text-left text-5xl font-normal my-2 font-medium">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
<p class="my-4">{{page.description}}</p>
|
||||
{% include "partials/tags.html" %}
|
||||
</div>
|
||||
{{ page.content | safe }}
|
||||
</article>
|
||||
<div class="mx-auto lg:mt-12">
|
||||
{% include "partials/applicationForm.html"%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@@ -2,11 +2,35 @@
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% set section = get_section(path="join-us/_index.md")%}
|
||||
<main class="pt-16">
|
||||
{{ section.content | safe}}
|
||||
<hr>
|
||||
{% include "partials/pageList.html" %}
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
<!-- Default page template for blog posts and basic informative markdown files -->
|
||||
<main>
|
||||
|
||||
{% set banner_path = config.extra.taxonomies["roles"][term.name].banner_path | as_str %}
|
||||
{% set styles = "background: url('/" ~ banner_path ~ "'); background-size: cover; background-position: center" %}
|
||||
|
||||
<div class="w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20 -mt-6 max-w-none py-28 max-h-80" style="{{styles}}"></div>
|
||||
<div class="flex flex-col lg:flex-row md:mx-4 lg:mx-6">
|
||||
<article class="article mx-auto lg:w-1/2 lg:mr-8 lg:mt-10">
|
||||
<div class="pt-8 lg:pt-8 2xl:pt-24">
|
||||
<h3 class="text-2xl font-normal my-0 text-gray-600">Our World</h3>
|
||||
<h1 class="text-left text-5xl font-normal my-2 font-medium">
|
||||
{{ config.extra.taxonomies["roles"][term.name].title }}
|
||||
</h1>
|
||||
<p class="my-4">{{config.extra.taxonomies["roles"][term.name].description}}</p>
|
||||
</div>
|
||||
<hr />
|
||||
<h3 class="text-black text-lg">{{term.name}} @ Ourworld</h3>
|
||||
{% for page in term.pages %}
|
||||
{% include "partials/pageBox.html"%}
|
||||
{% endfor %}
|
||||
|
||||
</article>
|
||||
<div class="mx-auto lg:mt-12">
|
||||
{% include "partials/applicationForm.html"%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock content %}
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main>
|
||||
<main class="-mt-6">
|
||||
{{ section.content | safe}}
|
||||
<hr>
|
||||
{% include "partials/pageList.html" %}
|
||||
|
||||
Reference in New Issue
Block a user