First steps
This commit is contained in:
commit
9086b7e537
33 changed files with 3981 additions and 0 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
/node_modules/
|
||||
4
Configuration/PageTSconfig/Index.tsconfig
Normal file
4
Configuration/PageTSconfig/Index.tsconfig
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
@import 'EXT:ds_site/Configuration/PageTSconfig/Tceform/*.tsconfig'
|
||||
@import 'EXT:ds_site/Configuration/PageTSconfig/TcaDefaults/*.tsconfig'
|
||||
@import 'EXT:ds_site/Configuration/PageTSconfig/Mod/Wizards/*.tsconfig'
|
||||
@import 'EXT:ds_site/Configuration/PageTSconfig/Mod/WebLayout/BackendLayouts/*.tsconfig'
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
mod.web_layout.BackendLayouts {
|
||||
blog_post {
|
||||
title = Blog Post
|
||||
icon = content-news
|
||||
config {
|
||||
backend_layout {
|
||||
colCount = 1
|
||||
rowCount = 2
|
||||
rows {
|
||||
1 {
|
||||
columns {
|
||||
1 {
|
||||
name = Introduction
|
||||
colPos = 50
|
||||
}
|
||||
}
|
||||
}
|
||||
2 {
|
||||
columns {
|
||||
1 {
|
||||
name = Content
|
||||
colPos = 0
|
||||
}
|
||||
}
|
||||
}
|
||||
3 {
|
||||
columns {
|
||||
1 {
|
||||
name = Footer
|
||||
colPos = 100
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
mod.wizards.newContentElement.wizardItems {
|
||||
common {
|
||||
show = text
|
||||
}
|
||||
menu {
|
||||
show = menu_abstract
|
||||
}
|
||||
special {
|
||||
show =
|
||||
}
|
||||
forms {
|
||||
show =
|
||||
}
|
||||
plugins {
|
||||
show =
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
TCAdefaults.tt_content {
|
||||
header_layout = 1
|
||||
}
|
||||
8
Configuration/PageTSconfig/Tceform/Pages.tsconfig
Normal file
8
Configuration/PageTSconfig/Tceform/Pages.tsconfig
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
TCEFORM.pages {
|
||||
TSconfig {
|
||||
disabled = 1
|
||||
}
|
||||
rowDescription {
|
||||
disabled = 1
|
||||
}
|
||||
}
|
||||
48
Configuration/PageTSconfig/Tceform/TtContent.tsconfig
Normal file
48
Configuration/PageTSconfig/Tceform/TtContent.tsconfig
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
TCEFORM.tt_content {
|
||||
header_position {
|
||||
disabled = 1
|
||||
}
|
||||
date {
|
||||
disabled = 1
|
||||
}
|
||||
header_link {
|
||||
disabled = 1
|
||||
}
|
||||
subheader {
|
||||
disabled = 1
|
||||
}
|
||||
|
||||
layout {
|
||||
disabled = 1
|
||||
}
|
||||
frame_class {
|
||||
disabled = 1
|
||||
}
|
||||
space_before_class {
|
||||
disabled = 1
|
||||
}
|
||||
space_after_class {
|
||||
disabled = 1
|
||||
}
|
||||
sectionIndex {
|
||||
disabled = 1
|
||||
}
|
||||
linkToTop {
|
||||
disabled = 1
|
||||
}
|
||||
|
||||
fe_group {
|
||||
disabled = 1
|
||||
}
|
||||
editlock {
|
||||
disabled = 1
|
||||
}
|
||||
|
||||
categories {
|
||||
disabled = 1
|
||||
}
|
||||
|
||||
rowDescription {
|
||||
disabled = 1
|
||||
}
|
||||
}
|
||||
9
Configuration/TCA/Overrides/pages.php
Normal file
9
Configuration/TCA/Overrides/pages.php
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?php
|
||||
|
||||
(function (string $extensionKey) {
|
||||
\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::registerPageTSConfigFile(
|
||||
$extensionKey,
|
||||
'Configuration/PageTSconfig/Index.tsconfig',
|
||||
$extensionKey
|
||||
);
|
||||
})('ds_site');
|
||||
9
Configuration/TCA/Overrides/sys_template.php
Normal file
9
Configuration/TCA/Overrides/sys_template.php
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?php
|
||||
|
||||
(function (string $extensionKey) {
|
||||
\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addStaticFile(
|
||||
$extensionKey,
|
||||
'Configuration/TypoScript/',
|
||||
$extensionKey
|
||||
);
|
||||
})('ds_site');
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
lib.contentElement = FLUIDTEMPLATE
|
||||
lib.contentElement {
|
||||
templateName = Default
|
||||
templateRootPaths {
|
||||
10 = EXT:ds_site/Resources/Private/Templates/ContentElements/
|
||||
}
|
||||
partialRootPaths {
|
||||
10 = EXT:ds_site/Resources/Private/Partials/
|
||||
20 = EXT:ds_site/Resources/Private/Partials/ContentElements/
|
||||
}
|
||||
layoutRootPaths {
|
||||
10 = EXT:ds_site/Resources/Private/Layouts/ContentElements/
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
tt_content.menu_abstract =< lib.contentElement
|
||||
tt_content.menu_abstract {
|
||||
templateName = MenuAbstract
|
||||
dataProcessing {
|
||||
10 = TYPO3\CMS\Frontend\DataProcessing\MenuProcessor
|
||||
10 {
|
||||
special = directory
|
||||
special.value.field = pages
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
tt_content.text =< lib.contentElement
|
||||
tt_content.text {
|
||||
templateName = Text
|
||||
}
|
||||
50
Configuration/TypoScript/Setup/Page.typoscript
Normal file
50
Configuration/TypoScript/Setup/Page.typoscript
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
page = PAGE
|
||||
page {
|
||||
includeCSS {
|
||||
index = EXT:ds_site/Resources/Public/Css/index.css
|
||||
}
|
||||
|
||||
10 = FLUIDTEMPLATE
|
||||
10 {
|
||||
templateName {
|
||||
cObject = TEXT
|
||||
cObject {
|
||||
data = pagelayout
|
||||
required = 1
|
||||
case = uppercamelcase
|
||||
split {
|
||||
token = pagets__
|
||||
cObjNum = 1
|
||||
1.current = 1
|
||||
}
|
||||
}
|
||||
ifEmpty = Default
|
||||
}
|
||||
layoutRootPaths {
|
||||
10 = EXT:ds_site/Resources/Private/Layouts/Page/
|
||||
}
|
||||
partialRootPaths {
|
||||
10 = EXT:ds_site/Resources/Private/Partials/
|
||||
20 = EXT:ds_site/Resources/Private/Partials/Page/
|
||||
}
|
||||
templateRootPaths {
|
||||
10 = EXT:ds_site/Resources/Private/Templates/Page/
|
||||
}
|
||||
|
||||
variables {
|
||||
introduction < styles.content.get
|
||||
introduction {
|
||||
select {
|
||||
where = {#colPos}=50
|
||||
}
|
||||
}
|
||||
contentMain =< styles.content.get
|
||||
footer < styles.content.get
|
||||
footer {
|
||||
select {
|
||||
where = {#colPos}=100
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
3
Configuration/TypoScript/constants.typoscript
Normal file
3
Configuration/TypoScript/constants.typoscript
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
pageUids {
|
||||
blogPosts = 2
|
||||
}
|
||||
2
Configuration/TypoScript/setup.typoscript
Normal file
2
Configuration/TypoScript/setup.typoscript
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@import 'EXT:ds_site/Configuration/TypoScript/Setup/'
|
||||
@import 'EXT:ds_site/Configuration/TypoScript/Setup/ContentElements/'
|
||||
13
Resources/Private/Layouts/ContentElements/Default.html
Normal file
13
Resources/Private/Layouts/ContentElements/Default.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
|
||||
<f:render section="Header" arguments="{_all}" optional="1">
|
||||
<a name="{data.uid}"></a>
|
||||
<f:if condition="{data.header_layout} != 100">
|
||||
<!-- TODO: Map header_layout and use mapped value -->
|
||||
<h2>{data.header} <small><a href="#{data.uid}">¶</a></small></h2>
|
||||
</f:if>
|
||||
</f:render>
|
||||
|
||||
{f:render(section: 'Content', arguments: _all)}
|
||||
</html>
|
||||
89
Resources/Private/Layouts/Page/Default.html
Normal file
89
Resources/Private/Layouts/Page/Default.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
<div class="container">
|
||||
<header class="blog-header py-3">
|
||||
<div class="row flex-nowrap justify-content-between align-items-center">
|
||||
<div class="col-4 offset-4 text-center">
|
||||
<a class="blog-header-logo text-dark" href="/">Website Title</a>
|
||||
</div>
|
||||
<div class="col-4 pt-1 text-right">
|
||||
<a class="text-muted" href="#">RSS Feed</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- <div class="nav-scroller py-1 mb-2"> -->
|
||||
<!-- <nav class="nav d-flex justify-content-between"> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">World</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">U.S.</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Technology</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Design</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Culture</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Business</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Politics</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Opinion</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Science</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Health</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Style</a> -->
|
||||
<!-- <a class="p-2 text-muted" href="#">Travel</a> -->
|
||||
<!-- </nav> -->
|
||||
<!-- </div> -->
|
||||
|
||||
<!-- <div class="jumbotron p-4 p-md-5 text-white rounded bg-dark"> -->
|
||||
<!-- <div class="col-md-6 px-0"> -->
|
||||
<!-- <h1 class="display-4 font-italic">Title of a longer featured blog post</h1> -->
|
||||
<!-- <p class="lead my-3">Multiple lines of text that form the lede, informing new readers quickly and efficiently about what’s most interesting in this post’s contents.</p> -->
|
||||
<!-- <p class="lead mb-0"><a href="#" class="text-white font-weight-bold">Continue reading...</a></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
|
||||
<!-- <div class="row mb-2"> -->
|
||||
<!-- <div class="col-md-6"> -->
|
||||
<!-- <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"> -->
|
||||
<!-- <div class="col p-4 d-flex flex-column position-static"> -->
|
||||
<!-- <strong class="d-inline-block mb-2 text-primary">World</strong> -->
|
||||
<!-- <h3 class="mb-0">Featured post</h3> -->
|
||||
<!-- <div class="mb-1 text-muted">Nov 12</div> -->
|
||||
<!-- <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p> -->
|
||||
<!-- <a href="#" class="stretched-link">Continue reading</a> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="col-auto d-none d-lg-block"> -->
|
||||
<!-- <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="col-md-6"> -->
|
||||
<!-- <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative"> -->
|
||||
<!-- <div class="col p-4 d-flex flex-column position-static"> -->
|
||||
<!-- <strong class="d-inline-block mb-2 text-success">Design</strong> -->
|
||||
<!-- <h3 class="mb-0">Post title</h3> -->
|
||||
<!-- <div class="mb-1 text-muted">Nov 11</div> -->
|
||||
<!-- <p class="mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p> -->
|
||||
<!-- <a href="#" class="stretched-link">Continue reading</a> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="col-auto d-none d-lg-block"> -->
|
||||
<!-- <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
|
||||
<main class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 blog-main">
|
||||
{f:render(section: 'Content', arguments: _all)}
|
||||
</div>
|
||||
|
||||
<aside class="col-md-4 blog-sidebar">
|
||||
{f:render(section: 'Aside', arguments: _all)}
|
||||
</aside>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="blog-footer">
|
||||
<p>ⓒ by Daniel Siepmann 2016 - {f:format.date(format: 'Y')}</p>
|
||||
<!-- TODO: Add imprint -->
|
||||
</footer>
|
||||
</div>
|
||||
</html>
|
||||
8
Resources/Private/Partials/Menu/Page.html
Normal file
8
Resources/Private/Partials/Menu/Page.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
|
||||
<div class="blog-post">
|
||||
<h2 class="blog-post-title"><a href="{page.link}">{page.title}</a></h2>
|
||||
<p class="blog-post-meta">{page.data.lastUpdated -> f:format.date(format: 'Y-m-d')}</p>
|
||||
|
||||
<p>{page.data.abstract -> f:format.nl2br()}</p>
|
||||
</div>
|
||||
</html>
|
||||
108
Resources/Private/Sass/_blog.scss
Normal file
108
Resources/Private/Sass/_blog.scss
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
@import "bootstrap/scss/bootstrap";
|
||||
|
||||
.blog-header {
|
||||
line-height: 1;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.blog-header-logo {
|
||||
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
.blog-header-logo:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.display-4 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.nav-scroller {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
height: 2.75rem;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.nav-scroller .nav {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
padding-bottom: 1rem;
|
||||
margin-top: -1px;
|
||||
overflow-x: auto;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.nav-scroller .nav-link {
|
||||
padding-top: .75rem;
|
||||
padding-bottom: .75rem;
|
||||
font-size: .875rem;
|
||||
}
|
||||
|
||||
.card-img-right {
|
||||
height: 100%;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
.flex-auto {
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.h-250 { height: 250px; }
|
||||
|
||||
/*
|
||||
* Blog name and description
|
||||
*/
|
||||
.blog-title {
|
||||
margin-bottom: 0;
|
||||
font-size: 2rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.blog-description {
|
||||
font-size: 1.1rem;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Pagination */
|
||||
.blog-pagination {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.blog-pagination > .btn {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* Blog posts
|
||||
*/
|
||||
.blog-post {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
.blog-post-title {
|
||||
margin-bottom: .25rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.blog-post-meta {
|
||||
margin-bottom: 1.25rem;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
.blog-footer {
|
||||
padding: 2.5rem 0;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
background-color: #f9f9f9;
|
||||
border-top: .05rem solid #e5e5e5;
|
||||
}
|
||||
.blog-footer p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
10
Resources/Private/Sass/_layout.scss
Normal file
10
Resources/Private/Sass/_layout.scss
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
h1, h2, h3, h4, h5, h6 {
|
||||
small a {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover small a {
|
||||
display: inline;
|
||||
color: $gray-500;
|
||||
}
|
||||
}
|
||||
16
Resources/Private/Sass/index.scss
Normal file
16
Resources/Private/Sass/index.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
|
||||
// // Required
|
||||
// @import "bootstrap/scss/functions";
|
||||
// @import "bootstrap/scss/variables";
|
||||
// @import "bootstrap/scss/mixins";
|
||||
|
||||
// // Option
|
||||
// @import "bootstrap/scss/reboot";
|
||||
// @import "bootstrap/scss/type";
|
||||
// @import "bootstrap/scss/images";
|
||||
// @import "bootstrap/scss/code";
|
||||
// @import "bootstrap/scss/grid";
|
||||
|
||||
@import "blog";
|
||||
|
||||
@import "layout";
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
|
||||
{f:layout(name: 'Default')}
|
||||
|
||||
<f:section name="Content">
|
||||
<f:for each="{menu}" as="page">
|
||||
{f:render(partial: 'Menu/Page', arguments: {page: page})}
|
||||
</f:for>
|
||||
|
||||
<!-- <nav class="blog-pagination"> -->
|
||||
<!-- <a class="btn btn-outline-primary" href="#">Older</a> -->
|
||||
<!-- <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">Newer</a> -->
|
||||
<!-- </nav> -->
|
||||
</f:section>
|
||||
</html>
|
||||
9
Resources/Private/Templates/ContentElements/Text.html
Normal file
9
Resources/Private/Templates/ContentElements/Text.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
|
||||
{f:layout(name: 'Default')}
|
||||
|
||||
<f:section name="Content">
|
||||
{data.bodytext -> f:format.html()}
|
||||
</f:section>
|
||||
</html>
|
||||
1
Resources/Private/Templates/ErrorHandling/404.html
Normal file
1
Resources/Private/Templates/ErrorHandling/404.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
test
|
||||
55
Resources/Private/Templates/Page/BlogPost.html
Normal file
55
Resources/Private/Templates/Page/BlogPost.html
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
|
||||
<f:layout name="Default" />
|
||||
|
||||
<f:section name="Content">
|
||||
<section>
|
||||
<header>
|
||||
<h1 class="pb-4 mb-4 font-italic border-bottom">{data.title}</h1>
|
||||
<p class="blog-post-meta">Published: {data.lastUpdated -> f:format.date(format: 'Y-m-d')}</p>
|
||||
</header>
|
||||
|
||||
<p>{data.abstract -> f:format.nl2br()}</p>
|
||||
{introduction -> f:format.raw()}
|
||||
|
||||
{contentMain -> f:format.raw()}
|
||||
|
||||
{footer -> f:format.raw()}
|
||||
</section>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Aside">
|
||||
<div class="p-4 mb-3 bg-light rounded">
|
||||
<h4 class="font-italic">About</h4>
|
||||
<p class="mb-0">Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
|
||||
</div>
|
||||
|
||||
<div class="p-4">
|
||||
<h4 class="font-italic">Archives</h4>
|
||||
<ol class="list-unstyled mb-0">
|
||||
<li><a href="#">March 2014</a></li>
|
||||
<li><a href="#">February 2014</a></li>
|
||||
<li><a href="#">January 2014</a></li>
|
||||
<li><a href="#">December 2013</a></li>
|
||||
<li><a href="#">November 2013</a></li>
|
||||
<li><a href="#">October 2013</a></li>
|
||||
<li><a href="#">September 2013</a></li>
|
||||
<li><a href="#">August 2013</a></li>
|
||||
<li><a href="#">July 2013</a></li>
|
||||
<li><a href="#">June 2013</a></li>
|
||||
<li><a href="#">May 2013</a></li>
|
||||
<li><a href="#">April 2013</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="p-4">
|
||||
<h4 class="font-italic">Elsewhere</h4>
|
||||
<ol class="list-unstyled">
|
||||
<li><a href="#">GitHub</a></li>
|
||||
<li><a href="#">Twitter</a></li>
|
||||
<li><a href="#">Facebook</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</f:section>
|
||||
</html>
|
||||
44
Resources/Private/Templates/Page/Default.html
Normal file
44
Resources/Private/Templates/Page/Default.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
|
||||
data-namespace-typo3-fluid="true">
|
||||
|
||||
<f:layout name="Default" />
|
||||
|
||||
<f:section name="Content">
|
||||
<h1 class="pb-4 mb-4 font-italic border-bottom">{data.title}</h1>
|
||||
{contentMain -> f:format.raw()}
|
||||
</f:section>
|
||||
|
||||
<f:section name="Aside">
|
||||
<div class="p-4 mb-3 bg-light rounded">
|
||||
<h4 class="font-italic">About</h4>
|
||||
<p class="mb-0">Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
|
||||
</div>
|
||||
|
||||
<div class="p-4">
|
||||
<h4 class="font-italic">Archives</h4>
|
||||
<ol class="list-unstyled mb-0">
|
||||
<li><a href="#">March 2014</a></li>
|
||||
<li><a href="#">February 2014</a></li>
|
||||
<li><a href="#">January 2014</a></li>
|
||||
<li><a href="#">December 2013</a></li>
|
||||
<li><a href="#">November 2013</a></li>
|
||||
<li><a href="#">October 2013</a></li>
|
||||
<li><a href="#">September 2013</a></li>
|
||||
<li><a href="#">August 2013</a></li>
|
||||
<li><a href="#">July 2013</a></li>
|
||||
<li><a href="#">June 2013</a></li>
|
||||
<li><a href="#">May 2013</a></li>
|
||||
<li><a href="#">April 2013</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="p-4">
|
||||
<h4 class="font-italic">Elsewhere</h4>
|
||||
<ol class="list-unstyled">
|
||||
<li><a href="#">GitHub</a></li>
|
||||
<li><a href="#">Twitter</a></li>
|
||||
<li><a href="#">Facebook</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</f:section>
|
||||
</html>
|
||||
7
Resources/Public/Css/index.css
Normal file
7
Resources/Public/Css/index.css
Normal file
File diff suppressed because one or more lines are too long
BIN
Resources/Public/Icons/Extension.png
Normal file
BIN
Resources/Public/Icons/Extension.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
21
composer.json
Normal file
21
composer.json
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
{
|
||||
"name": "danielsiepmann/ds-site",
|
||||
"description": "TYPO3 Sitepackage for daniel-siepmann.de",
|
||||
"type": "typo3-cms-extension",
|
||||
"license": "GPL-2.0-or-later",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Daniel Siepmann",
|
||||
"email": "coding@daniel-siepmann.de"
|
||||
}
|
||||
],
|
||||
"require": {
|
||||
"php": "^7.3.0",
|
||||
"typo3/cms-core": "^9.5"
|
||||
},
|
||||
"extra": {
|
||||
"typo3/cms": {
|
||||
"extension-key": "ds_site"
|
||||
}
|
||||
}
|
||||
}
|
||||
21
ext_emconf.php
Normal file
21
ext_emconf.php
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<?php
|
||||
$EM_CONF[$_EXTKEY] = [
|
||||
'title' => 'Daniel Siepmann Website',
|
||||
'description' => 'Configuration of Daniel Siepmann Website',
|
||||
'category' => 'fe',
|
||||
'state' => 'stable',
|
||||
'uploadfolder' => 0,
|
||||
'createDirs' => '',
|
||||
'clearCacheOnLoad' => 0,
|
||||
'author' => 'Daniel Siepmann',
|
||||
'author_email' => 'coding@daniel-siepmann.de',
|
||||
'author_company' => '',
|
||||
'version' => '0.0.1',
|
||||
'constraints' => [
|
||||
'depends' => [
|
||||
'core' => '',
|
||||
],
|
||||
'conflicts' => [],
|
||||
'suggests' => [],
|
||||
],
|
||||
];
|
||||
22
gulpfile.js
Normal file
22
gulpfile.js
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
const { src, dest, parallel, watch } = require('gulp');
|
||||
const sass = require('gulp-sass');
|
||||
const minifyCSS = require('gulp-csso');
|
||||
|
||||
const sassFolder = 'Resources/Private/Sass/';
|
||||
|
||||
function css() {
|
||||
return src(sassFolder + 'index.scss')
|
||||
.pipe(sass({
|
||||
includePaths: [
|
||||
'./node_modules/'
|
||||
]
|
||||
}).on('error', sass.logError))
|
||||
.pipe(minifyCSS())
|
||||
.pipe(dest('Resources/Public/Css/'))
|
||||
}
|
||||
|
||||
exports.css = css;
|
||||
exports.watch = function () {
|
||||
watch([sassFolder + '**/*.scss'], {ignoreInitial: false}, css);
|
||||
};
|
||||
exports.default = parallel(css);
|
||||
16
package.json
Normal file
16
package.json
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{
|
||||
"scripts": {
|
||||
"build": "gulp default",
|
||||
"watch": "gulp watch"
|
||||
},
|
||||
"dependencies": {
|
||||
"bootstrap": "^4.3.1",
|
||||
"gulp": "^4.0.2",
|
||||
"gulp-cli": "^2.2.0",
|
||||
"gulp-csso": "^3.0.1",
|
||||
"gulp-sass": "^4.0.2",
|
||||
"jquery": "^3.4.1",
|
||||
"popper.js": "^1.16.0",
|
||||
"sass": "^1.23.3"
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue