mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-09-18 21:50:56 +00:00
271 lines
13 KiB
HTML
271 lines
13 KiB
HTML
{% load utils_tags social_tags %}
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>{{ social_profile.title }}</title>
|
|
<link rel="alternate" type="application/rss+xml" href="{% url "shared-stories-rss-feed" social_profile.user_id social_profile.username|slugify %}" title="{{ social_profile.feed_title }} RSS feed">
|
|
{% if social_profile.photo_url %}
|
|
<link rel="shortcut icon" href="{{ social_profile.photo_url }}">
|
|
<link rel="icon" href="{{ social_profile.photo_url }}">
|
|
{% endif %}
|
|
<meta name="robots" content="noindex">
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1.5">
|
|
<link rel="apple-touch-icon" href="{{ MEDIA_URL }}img/circular/circular_apple_icon.png"/>
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="viewport" content="width=device-width, initial-scale = 1.0; maximum-scale=1.0, user-scalable=no" />
|
|
|
|
{% if active_story %}
|
|
<!-- Facebook -->
|
|
<meta property="fb:app_id" content="{{ facebook_app_id }}">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="{{ active_story.blurblog_permalink }}">
|
|
{% if active_story.feed %}
|
|
<meta property="og:site_name" content="{{ active_story.feed.feed_title }}">
|
|
{% endif %}
|
|
{% if active_story.image_url %}
|
|
<meta property="og:image" content="{{ active_story.image_url }}">
|
|
{% endif %}
|
|
<meta property="og:title" content="{{ active_story.story_title }}">
|
|
<meta property="og:description" content="{{ active_story.story_content|striptags|slice:":300"|addslashes|safe }}">
|
|
<meta property="article:published_time" content="{{ active_story.iso8601 }}">
|
|
<meta property="article:author" content="{{ active_story.story_authors }}">
|
|
<meta property="article:tag" content="{{ active_story.tags }}">
|
|
|
|
<!-- Twitter -->
|
|
{% if active_story.image_url %}
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image:src" content="{{ active_story.image_url }}">
|
|
{% else %}
|
|
<meta name="twitter:card" content="summary">
|
|
{% endif %}
|
|
<meta name="twitter:site" content="@newsblur">
|
|
{% if social_services.twitter_username %}
|
|
<meta name="twitter:creator" content="@{{ social_services.twitter_username }}">
|
|
{% endif %}
|
|
<meta name="twitter:title" content="{{ active_story.story_title }}">
|
|
<meta name="twitter:description" content="{{ active_story.story_content|striptags|slice:":300"|addslashes|safe }}">
|
|
{% endif %}
|
|
|
|
{% include_stylesheets "blurblog" %}
|
|
|
|
{% if social_profile.custom_css %}
|
|
<style type="text/css" media="screen">
|
|
{{ social_profile.custom_css|safe }}
|
|
</style>
|
|
{% endif %}
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
window.NEWSBLUR = {};
|
|
NEWSBLUR.Globals = {
|
|
'is_authenticated' : {{ user.is_authenticated|yesno:"true,false" }},
|
|
'is_anonymous' : {{ user.is_anonymous|yesno:"true,false" }},
|
|
'is_premium' : {{ user.profile.is_premium|yesno:"true,false" }},
|
|
'is_admin' : {{ user.is_staff|yesno:"true,false" }},
|
|
'is_staff' : {{ user.is_staff|yesno:"true,false" }},
|
|
'secret_token' : "{{ user.profile.secret_token }}",
|
|
'username' : "{{ user.username|safe }}",
|
|
'user_id' : "{{ user.pk|safe }}",
|
|
'blurblog_user_id' : "{{ social_profile.user_id|safe }}",
|
|
'blurblog_username' : "{{ social_profile.username|safe }}",
|
|
'blurblog_protected': {{ social_profile.protected|yesno:"true,false" }},
|
|
'blurblog_following': {{ user_following_social_profile|yesno:"true,false" }},
|
|
'email' : "{{ user.email|safe }}",
|
|
'MEDIA_URL' : "{{ MEDIA_URL }}",
|
|
};
|
|
NEWSBLUR.URLs = {
|
|
"newsblur_page": "http://{% current_domain %}/social/{{ social_profile.user_id }}/{{ social_profile.username|slugify }}"
|
|
};
|
|
{% if user_social_profile_page %}
|
|
NEWSBLUR.user_social_profile = {{ user_social_profile_page|safe }};
|
|
{% endif %}
|
|
{% if user_social_services_page %}
|
|
NEWSBLUR.user_social_services = {{ user_social_services_page|safe }};
|
|
{% endif %}
|
|
NEWSBLUR.Preferences = {};
|
|
NEWSBLUR.Models = {};
|
|
NEWSBLUR.Collections = {};
|
|
NEWSBLUR.Views = {};
|
|
NEWSBLUR.app = {};
|
|
</script>
|
|
|
|
{% if not debug %}
|
|
<script type="text/javascript">
|
|
|
|
// var _gaq = _gaq || [];
|
|
// _gaq.push(['_setAccount', 'UA-8371683-2']);
|
|
// _gaq.push(['_setDomainName', "{{ social_profile.username }}.newsblur.com"]);
|
|
// _gaq.push(['_trackPageview']);
|
|
|
|
// (function() {
|
|
// var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
// ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
// var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
// })();
|
|
|
|
</script>
|
|
{% endif %}
|
|
|
|
</head>
|
|
|
|
<body class="{% if user.is_authenticated %}NB-authenticated{% else %}NB-unauthenticated{% endif %}">
|
|
<div class="NB-container" style="background-color: {% if social_profile.custom_bgcolor %}{{ social_profile.custom_bgcolor|color2rgba:".3 " }}{% else %}rgba(195, 197, 161, .3){% endif %}">
|
|
|
|
<header class="NB-header">
|
|
<div class="NB-header-inner">
|
|
<div class="NB-header-tabs">
|
|
<a class="NB-header-tab NB-blurblog-tab {% if current_tab == "blurblogs" %}NB-active{% endif %}" href="{% if user_social_profile %}{{ user_social_profile.blurblog_url }}{% endif %}">
|
|
<div class="NB-tab-inner">
|
|
<span class="NB-icon"></span>
|
|
Blurblogs
|
|
</div>
|
|
</a>
|
|
<a class="NB-header-tab NB-following-tab {% if current_tab == "global" %}NB-active{% endif %}" href="http://popular.global.{% current_domain strip_www=True %}">
|
|
<div class="NB-tab-inner">
|
|
<span class="NB-icon"></span>
|
|
Global
|
|
</div>
|
|
</a>
|
|
<a class="NB-header-tab NB-trending-tab {% if current_tab == "popular" %}NB-active{% endif %}" href="http://popular.{% current_domain strip_www=True %}">
|
|
<div class="NB-tab-inner">
|
|
<span class="NB-icon"></span>
|
|
Popular
|
|
</div>
|
|
</a>
|
|
{% if user.is_authenticated %}
|
|
<div class="NB-header-tab NB-user-tab dropdown" data-toggle="dropdown">
|
|
<div class="NB-tab-inner">
|
|
<span><img src="{{ user_social_profile.large_photo_url }}" class="NB-user-avatar" /></span>
|
|
<div class="NB-header-username">{{ user_social_profile.username }}</div>
|
|
<img src="{{ MEDIA_URL }}img/icons/silk/bullet_arrow_down.png" class="NB-arrow" />
|
|
</div>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="http://{% current_domain %}/social/{{ social_profile.user_id }}/{{ social_profile.username|slugify }}" class="NB-menu-newsblur">View on NewsBlur</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#" class="NB-menu-logout">Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
{% else %}
|
|
<a class="NB-header-tab NB-user-tab" href="#">
|
|
<div class="NB-tab-inner">
|
|
<span class="NB-icon"></span>
|
|
<img src="{{ MEDIA_URL }}img/icons/silk/bullet_arrow_down.png" class="NB-arrow" />
|
|
Log in
|
|
|
|
</div>
|
|
<div class="NB-circular-popover-title NB-hidden">
|
|
<div class="NB-login">
|
|
<input type="text" placeholder="Username or email" name="login_username" class="NB-input" />
|
|
<input placeholder="Password" type="password" name="login_password" class="NB-input" />
|
|
<div class="NB-login-button NB-blue-button">Sign in</div>
|
|
</div>
|
|
<div class="NB-signup">
|
|
<input type="text" placeholder="Username" name="signup_username" class="NB-input" />
|
|
<input type="text" placeholder="Email address" name="signup_email" class="NB-input" />
|
|
<input placeholder="Password" type="password" name="signup_password" class="NB-input" />
|
|
<div class="NB-signup-button NB-blue-button">Create account</div>
|
|
</div>
|
|
</div>
|
|
<div class="NB-circular-popover-content NB-hidden">
|
|
<div class="NB-switch-button NB-switch-signup-button NB-grey-button">Create an account</div>
|
|
<div class="NB-switch-button NB-switch-login-button NB-grey-button">Log in</div>
|
|
<div class="NB-arrow"></div>
|
|
</div>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="NB-banner-wrapper">
|
|
<div class="NB-banner NB-page">
|
|
<table class="NB-banner-table">
|
|
<tr>
|
|
<td class="NB-title-photo">
|
|
<a href="/">
|
|
<img src="{{ social_profile.large_photo_url }}" />
|
|
</a>
|
|
{% if user.is_authenticated %}
|
|
<div class="NB-banner-following-user">
|
|
{% if user_following_social_profile %}
|
|
{% if social_profile.user_id != user.pk %}
|
|
<div class="NB-button NB-grey-button NB-button-following">Following</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="NB-button NB-blue-button NB-button-follow">Follow {{ social_profile.username }}</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</td>
|
|
<td class="NB-title">
|
|
<div class="NB-title-content">
|
|
<div class="NB-title-name">
|
|
<a href="http://{% current_domain %}/social/{{ social_profile.user_id }}/{{ social_profile.username|slugify }}">{{ social_profile.title }}</a>
|
|
</div>
|
|
{% if social_profile.bio %}
|
|
<div class="NB-title-bio">
|
|
{{ social_profile.bio }}
|
|
</div>
|
|
{% endif %}
|
|
<div class="NB-banner-stats">
|
|
<div class="NB-banner-stat"><b>{{ social_profile.shared_stories_count }}</b> {{ social_profile.shared_stories_count|pluralize:"story,stories" }}</div>
|
|
<div class="NB-banner-stat"><b>·</b></div>
|
|
<div class="NB-banner-stat NB-stat-followers"><b>{{ social_profile.follower_count }}</b> follower{{ social_profile.follower_count|pluralize }}</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div class="NB-banner-feed">
|
|
{# <a type="application/rss+xml" href="{% url "shared-stories-rss-feed" social_profile.user_id social_profile.username|slugify %}">RSS feed for this page</a> #}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="NB-page">
|
|
|
|
{% if not stories and social_profile.private %}
|
|
<div class="NB-warning-private">
|
|
<div class="NB-icon-lock"></div>
|
|
This user has limited their shared stories only to followers.
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% for story in stories %}
|
|
{% render_social_story story %}
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% if has_next_page %}
|
|
<div class="NB-page-controls">
|
|
<div class="NB-page-controls-next">
|
|
<div class="NB-page-controls-text NB-page-controls-text-next">
|
|
Next Page of Stories
|
|
</div>
|
|
<div class="NB-page-controls-text NB-page-controls-text-loading"></div>
|
|
<div class="NB-page-controls-text NB-page-controls-text-loaded">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<footer>
|
|
<div class="NB-footer-logo">
|
|
<a href="//{% current_domain %}"><img src="{{ MEDIA_URL }}img/logo_newsblur_blur.png" /></a>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
{% include_javascripts "blurblog" %}
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
_.extend(NEWSBLUR.Preferences, {% if user_profile.preferences %}{{ user_profile.preferences|safe }}{% else %}{}{% endif %});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|