Skip to content

Commit

Permalink
Merge pull request #150 from DNNCommunity/develop
Browse files Browse the repository at this point in the history
Merge `develop` into `main` for `2.0.1` release
  • Loading branch information
david-poindexter authored Apr 12, 2024
2 parents d055adc + 4a303e8 commit b3efee5
Show file tree
Hide file tree
Showing 10 changed files with 277 additions and 58 deletions.
5 changes: 4 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,14 @@
# DNNCMS DNN Community Site Theme
## Bootstrap 5

![DNNCMS Community Site Theme Preview](default.jpg)

## About
New (2023) DNN community site Theme.

## Dependencies
- [Bootstrap 5](https://getbootstrap.com/docs/5.3/getting-started/introduction/)
- [StyleHelper](https://github.com/40fingers/StyleHelper-Sko)


## Notes:

Expand Down
4 changes: 2 additions & 2 deletions Templates/Blog/CommunityBlog/ListImage.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<picture>
<img title="[post:localizedtitle]"
src="[settings:imagehandlerpath]?TabId=[module:tabid]&ModuleId=[module:moduleid]&Blog=[Post:blogid]&Post=[Post:contentitemid]&w=270&h=152&c=0&key=[Post:image]"
<img title="[post:localizedtitle]" alt="[post:localizedtitle]"
src="[settings:imagehandlerpath]?TabId=[module:tabid]&ModuleId=[module:moduleid]&Blog=[Post:blogid]&Post=[Post:contentitemid]&w=500&h=500&c=0&key=[Post:image]"
class="img-fluid dnnc-blog-img" />
</picture>
2 changes: 1 addition & 1 deletion Templates/Blog/CommunityBlog/PostBanner.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<figure>
<picture>
<img title="[post:localizedtitle]"
src="[settings:imagehandlerpath]?TabId=[module:tabid]&ModuleId=[module:moduleid]&Blog=[Post:blogid]&Post=[Post:contentitemid]&w=1140&h=400&c=0&key=[Post:image]"
src="[settings:imagehandlerpath]?TabId=[module:tabid]&ModuleId=[module:moduleid]&Blog=[Post:blogid]&Post=[Post:contentitemid]&w=1140&h=600&c=0&key=[Post:image]"
class="img-fluid" />
</picture>
</figure>
9 changes: 4 additions & 5 deletions Templates/Blog/CommunityBlog/PostDetails.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,12 @@
<div class="supertitle">[subtemplate|Cat.html|categories]</div>
<h1>[Post:localizedtitle]</h1>
</header>
<div class="row">
<div class="col-md-12">
[subtemplate|Postbanner.html|Post:hasimage]
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="blog-image">
[subtemplate|Postbanner.html|Post:hasimage]

</div>
<div class="clearfix"><strong>[resx:WrittenBy]</strong> [post:DisplayName]
<div data-time="[post:PublishedOnDate|yyyy-MM-dd HH:mm:ss]" class="momentabs">
[post:PublishedOnDate|yyyy-MM-dd]</div>
Expand Down
17 changes: 16 additions & 1 deletion Templates/Blog/CommunityBlog/template.css
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,22 @@

.ModBlogC .bbs-listarticle {
overflow: hidden;
padding: 20px 0
padding: 1.2em 0
}

.ModBlogC .bbs-listarticle:first-child {
padding-top:0;
}
/* Unless the PB is visible */

.personabar-visible .ModBlogC .bbs-listarticle:first-child {
padding-top:1.2em;
}

.ModBlogC .bbs-listarticle h2 {

margin-top:0;

}

.ModBlogC .bbs-listarticle h2 a, .ModBlogC .bbs-listarticle h2 a:hover, .ModBlogC .bbs-listarticle h2 a:visited {
Expand Down
2 changes: 1 addition & 1 deletion __Skinpack/CreateSkinPack.targets
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<CoreVersion>09.02.00</CoreVersion>
<Major>02</Major>
<Minor>00</Minor>
<Build>02</Build>
<Build>01</Build>
<CompanyUrl>dnncommunity.org</CompanyUrl>
<CompanyEmail>community@dnncommunity.org</CompanyEmail>
<SkinDescription>DNN Community 2024 Theme</SkinDescription>
Expand Down
117 changes: 71 additions & 46 deletions _src/theme/scss/modules/_blog.scss
Original file line number Diff line number Diff line change
@@ -1,58 +1,83 @@
.blog-latest{
&-item{
// border: solid 1px $col1-700;
padding: 0.8em 0.9em;
background: lighten($gray-100, 5%);
position:relative;

h3{
font-size: 1.1em;
margin: 0.5em 0;
color: $col1-800 !important
}

height: 100%;
min-height: 100%;


}
.ModBlogC {

.blog-latest {
&-item {
// border: solid 1px $col1-700;
padding: 0.8em 0.9em;
background: lighten($gray-100, 5%);
position: relative;

h3 {
font-size: 1.1em;
margin: 0.5em 0;
color: $col1-800 !important
}

height: 100%;
min-height: 100%;


}

&-link {
display: flex;
flex-direction: column;
position: relative;
min-height: 100%;

&:hover {
color: $red;
}

&-link{
display:flex;
flex-direction: column ;
position:relative;
min-height: 100%;
&:hover{
color: $red;
&:visited {
color: $gray-500;
}
}

&:visited{
color: $gray-500;
&-text-wrap {

flex-grow: 1;
}
}

&-text-wrap{
&-text {
text-overflow: ellipsis;
overflow: hidden;
max-height: 4.5em;
margin-bottom: 1em;

}

&-details {
font-size: 0.9em;
color: $gray-600;
border-top: solid 1px $gray-200;
padding-top: 0.3em;
}


.col-12 {
padding-bottom: 1.8em;
}

flex-grow: 1;
}
&-text{
text-overflow: ellipsis;
overflow:hidden;
max-height: 4.5em;
margin-bottom: 1em;

}

&-details{
font-size: 0.9em;
color: $gray-600;
border-top: solid 1px $gray-200;
padding-top: 0.3em;
// Details side bar heading margin
.dnnc-blog-metadata {
h5 {
margin-top: 0;
}
}
}

// Make sure blog details are full width (see https://github.com/DNNCommunity/DNNCommunityTheme/issues/141)
// Depends on the class injected by Style Helper

.col-12{
padding-bottom: 1.8em;
}

}
.blogs-detail {
.panes {
.main-blog-module{

width: 100% !important;
}
}
}
112 changes: 112 additions & 0 deletions blog.ascx
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<%@ Control Language="c#" AutoEventWireup="false"
Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/CopyRight.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %>


<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>
<%@ Register TagPrefix="fortyfingers" TagName="STYLEHELPER" Src="~/DesktopModules/40Fingers/SkinObjects/StyleHelper/StyleHelper.ascx" %>


<!-- #include file="Includes/font-awesome.ascx" -->



<fortyfingers:STYLEHELPER id="FFSH1"
AddToHead="<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no' />"
AddAtEnd="false"
RemoveFromHead="content=text/javascript"
AddBodyClass="True"
ForceSkinCssOrder="true"
doctype="html 5"
runat="server" />


<fortyfingers:STYLEHELPER id="FFSH2"
IfUrl="/blogs/Post/"
AddToBodyClass="blogs-detail"
runat="server" />



<div class="wrap-skin">

<!-- Page content wrapper-->
<div class="page-content-wrapper">
<div class="sticky-top">
<!-- #include file="Includes/top-bar-login-search.ascx" -->
<header class="skin-header">
<div class="header-top">
</div>
<div class="container">
<div class="row">
<div class="logo col col-6 col-lg-3 flex-vert-align">
<!-- #include file="Includes/logo.ascx" -->
</div>
<div class="col d-lg-none text-end d-flex justify-content-end align-items-center">
<button id="navbar-toggler" class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button>
</div>
<!-- Top navigation-->
<div class="col-12 col-lg">
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<dnn:MENU MenuStyle="assets/menus/topmenu" runat="server" ExcludeNodes="Admin,Host"></dnn:MENU>
</div>
</nav>
</div>
</div>
</div>
</header>
</div>
<!-- #include file="Includes/panes-blog.ascx" -->
<footer class="skin-footer bg-blue-super-dark skew-top">
<div class="container py-5">
<div class="row gx-5">
<div class="col">
<div class="pane footer_pane_1 col" id="footer_pane_1" runat="server">
</div>
</div>
<div class="col">
<div class="pane footer_pane_2 col" id="footer_pane_2" runat="server">
</div>
</div>
<div class="col">
<div class="pane footer_pane_3 col" id="footer_pane_3" runat="server">
</div>
</div>
<div class="col">
<div class="pane footer_pane_4 col" id="footer_pane_4" runat="server">
</div>
</div>
</div>
</div>
<div class="pane footer_pane_full_width pb-0" id="footer_pane_full_width" runat="server">
</div>
<div class="footer-bottom">
<div class="container pt-2">
<div class="row">
<!-- #include file="Includes/footer-bottom.ascx" -->
</div>
</div>
</div>
</footer>
</div>

<!-- Bootstrap core JS-->
<dnn:DnnJsInclude runat="server" ForceProvider="DnnFormBottomProvider" FilePath="vendors/bootstrap/js/bootstrap.bundle.min.js" PathNameAlias="SkinPath" />


<!-- Core theme JS-->
<dnn:DnnJsInclude runat="server" ForceProvider="DnnFormBottomProvider" FilePath="vendors/theme/js/scripts.js" PathNameAlias="SkinPath" />


65 changes: 65 additions & 0 deletions includes/panes-blog.ascx
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!-- Page content-->
<main class="skin-main content-wrap">
<div class="pane pane-top py-0" id="top_pane_full_width" ContainerSrc="DNN-Community-2024/NoTitle.ascx" runat="server" />
<div class="bg-blue skew-bottom panes mt-0">
<div class="container">
<div class="row gx-5">
<div class="col-12">
<div class="pane pane-blue text-white" id="top_pane" runat="server" />
</div>
<div class="col-12 col-md-6">
<div class="pane pane-blue text-white" id="top_pane_left" runat="server" />
</div>
<div class="col-12 col-md-6">
<div class="pane pane-blue text-white" id="top_pane_right" runat="server" />
</div>
</div>
</div>
</div>
<div class="bg-grey skew-top skew-bottom panes">
<div class="container">
<div class="row gx-5">
<div class="col col-12">
<div class="pane pane-grey" id="pane_grey_100" runat="server" />
</div>
<div class="col col-md-6">
<div class="pane pane-grey" id="pane_grey_50_left" runat="server" />
</div>
<div class="col col-md-6">
<div class="pane pane-grey" id="pane_grey_50_right" runat="server" />
</div>
</div>
</div>
</div>
<div class="skew-top skew-bottom panes">
<div class="container">
<div class="row">
<div class="col col-12">
<div class="pane content-pane" id="contentpane" runat="server" />
</div>
</div>
<div class="row gx-5">
<div class="col col-12 col-md-8 main-blog-module">
<div class="pane content-pane-66" id="blog_pane_left" runat="server" />
</div>
<div class="col col-12 col-md-4">
<div class="pane content-pane-33" id="blog_pane_right" runat="server" />
</div>
</div>
<div class="row">
<div class="col col-12">
<div class="pane blog-bottom-pane" id="blog_pane_bottom" runat="server" />
</div>
</div>
</div>
</div>
</main>
<div class="bg-grey skew-top skew-bottom panes">
<div class="container">
<div class="row gx-5">
<div class="col col-12">
<div class="pane pane-grey" id="pane_grey_100_bottom" runat="server" />
</div>
</div>
</div>
</div>
Loading

0 comments on commit b3efee5

Please sign in to comment.