Semperfratres,
I have not done anything with the actual webpage portion of this for right now. With the email's I am not using a CSS file and you are limited with the styling in email's.
I have edited portions of this inside the Python and inside the config. I am simply making connections in the config file to point to locations in the python for easier editing. All of the formatting and layout i am doing inside the python script and just adding my variables in.
You can do similar things for the webpage by finding the section that is web.
I have not worked on the webpage because didn't quite understand the instructions for it and I am using XAMPP.
Please see the section below in the Python for editing the webpage.
def createWebHTML():
htmlText = """
<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>""" + config['msg_web_title'] + """</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/one-page-wonder.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/icon_iphone.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/icon_ipad.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/icon_iphone@2x.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/icon_ipad@2x.png">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<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="#">""" + config['msg_top_link'] + """</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">"""
if (movieCount > 0 and config[‘filter_show_movies’]):
htmlText += “”"
“”" + config[‘msg_movies_link’] + “”"
“”"
if (showCount > 0 and config[‘filter_show_shows’]):
htmlText += “”"
“”" + config[‘msg_shows_link’] + “”"
“”"
if (seasonCount > 0 and config[‘filter_show_seasons’]):
htmlText += “”"
“”" + config[‘msg_seasons_link’] + “”"
“”"
if (episodeCount > 0 and config[‘filter_show_episodes’]):
htmlText += “”"
“”" + config[‘msg_episodes_link’] + “”"
“”"
htmlText += “”"
<!-- Full Width Image Header -->
<header class="header-image">
<div class="headline">
<div class="container">
<h1>""" + config['msg_header1'] + """</h1>
<h2>""" + config['msg_header2'] + """</h2>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">"""
htmlText += htmlNotice
if (movieCount > 0 and config[‘filter_show_movies’]):
htmlText += htmlMovies + ’
’
if (showCount > 0 and config[‘filter_show_shows’]):
htmlText += htmlTVShows + ’
’
if (seasonCount > 0 and config[‘filter_show_seasons’]):
htmlText += htmlTVSeasons + ’
’
if (episodeCount > 0 and config[‘filter_show_episodes’]):
htmlText += htmlTVEpisodes
if(not hasNewContent):
htmlText += “”"
“”" + config[‘msg_no_new_content’] + “”"
“”"
htmlText += “”"
“”" + config[‘msg_footer’] + “”"
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>"""
return htmlText
Thanks,
Dereck
