From 05263a97eaa9e8b16a5b0ddb99524dada840b5c4 Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Wed, 25 Sep 2019 01:38:06 +0200
Subject: [PATCH] Scrolling content container instead of whole page. Improved
 title source in XEmpire scraper. Fixed scene page breaking when no photos are
 available.

---
 README.md                                 |  3 ++-
 assets/components/container/container.vue | 12 ++++++++++++
 assets/components/release/release.vue     |  2 +-
 public/css/style.css                      | 10 ++++++++++
 src/scrapers/xempire.js                   |  2 +-
 5 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 786704ed..3a2a5c3e 100644
--- a/README.md
+++ b/README.md
@@ -18,8 +18,9 @@ Do not modify `config/default.js`, but instead create a copy at `config/local.js
 ### Options
 `npm start -- --option value`
 
-To run the web server, run `npm start` without any arguments.
+Running `npm start` without any arguments will run the web server.
 
+* `--fetch`: Fetch updates instead of running the webserver. Without further arguments, it will use the networks and sites defined in the configuration file.
 * `--site [site ID]`: Fetch updates from a specific site. The site ID is typically the site name in lowercase and without cases or special characters. For example, Teens Like It Big is teenslikeitbig.
 * `--network [network ID]`: Fetch updates from all sites of a specific network. The network ID is composed similarly to the site ID.
 * `--after "[time]"`: Do not fetch scenes older than this. Example values are: `"1 month"`, `"2 weeks"`, `"3 years"`.
diff --git a/assets/components/container/container.vue b/assets/components/container/container.vue
index 71ef7113..be4e0f08 100644
--- a/assets/components/container/container.vue
+++ b/assets/components/container/container.vue
@@ -19,6 +19,18 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.content {
+    flex-grow: 1;
+    overflow-y: auto;
+}
+
 .content-inner {
     padding: 1rem;
 }
diff --git a/assets/components/release/release.vue b/assets/components/release/release.vue
index e76e5864..fa7f5d4a 100644
--- a/assets/components/release/release.vue
+++ b/assets/components/release/release.vue
@@ -90,7 +90,7 @@ function scrollBanner(event) {
 }
 
 function photos() {
-    if (this.release) {
+    if (this.release && this.release.photos.length) {
         if (this.release.photos[0].role === 'poster') {
             return this.release.photos.slice(1);
         }
diff --git a/public/css/style.css b/public/css/style.css
index f084b18f..7e048d9c 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -177,6 +177,16 @@ body {
   margin: 0;
 }
 
+.container[data-v-4f86a868] {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.content[data-v-4f86a868] {
+  flex-grow: 1;
+  overflow-y: auto;
+}
 .content-inner[data-v-4f86a868] {
   padding: 1rem;
 }
diff --git a/src/scrapers/xempire.js b/src/scrapers/xempire.js
index e464e4aa..f958d5d9 100644
--- a/src/scrapers/xempire.js
+++ b/src/scrapers/xempire.js
@@ -53,7 +53,7 @@ async function scrapeScene(html, url, site) {
     const data = JSON.parse(json)[0];
     const entryId = new URL(url).pathname.split('/').slice(-1)[0];
 
-    const title = data.isPartOf.name;
+    const title = $('meta[name="twitter:title"]').attr('content');
     const date = moment.utc(data.dateCreated, 'YYYY-MM-DD').toDate();
 
     const actors = data.actor