https://taylor-swift-midnights.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4
5    <meta charset="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <link rel="icon" href="/images/midnights-album-cover.jpg" />
8
9    <title>Taylor Swift Midnights album cover generator</title>
10
11    <!-- Meta tags for SEO and social sharing -->
12    <link rel="canonical" href="https://taylor-swift-midnights.netlify.app/" />
13    <meta
14      name="description"
15      content="Upload a picture and make your own version of Taylor Swift's Midnights album cover"
16    />
17    <meta name="robots" content="index,follow" />
18    
19    <!-- Facebook Meta Tags -->
20    <meta property="og:url" content="https://taylor-swift-midnights.netlify.app/">
21    <meta property="og:type" content="website">
22    <meta property="og:title" content="Taylor Swift Midnights album cover generator">
23    <meta property="og:description" content="Upload a picture and make your own version of Taylor Swift's Midnights album cover">
24    <meta property="og:image" content="https://taylor-swift-midnights.netlify.app/images/screenshot.png">
25
26    <!-- Twitter Meta Tags -->
27    <meta name="twitter:card" content="summary_large_image">
28    <meta property="twitter:domain" content="taylor-swift-midnights.netlify.app">
29    <meta property="twitter:url" content="https://taylor-swift-midnights.netlify.app/">
30    <meta name="twitter:title" content="Taylor Swift Midnights album cover generator">
31    <meta name="twitter:description" content="Upload a picture and make your own version of Taylor Swift's Midnights album cover">
32    <meta name="twitter:image" content="https://taylor-swift-midnights.netlify.app/images/screenshot.png">
33
34    <!-- Meta Tags Generated via https://www.opengraph.xyz -->
35
36    <!-- Import the webpage's stylesheet -->
37    <link rel="stylesheet" href="/style.css" />
38
39    <!-- Import the webpage's javascript file -->
40    

40<script src="/script.js" defer></script>

40
41    
42    <!-- Google tag (gtag.js) -->

42
43    <script async src="https://www.googletagmanager.com/gtag/js?id=

43G-S0ZDNZRD30

43"></script>
44    

44<script>
45      

45window.dataLayer = window.dataLayer || [];
46      function gtag(){dataLayer.push(arguments);}
47      gtag('js', new Date());
48
49      gtag('config', '

49G-S0ZDNZRD30

49');
50    

50</script>

50
51  </head>
52  <body>
53    <h1>Taylor Swift Midnights album cover generator</h1>
54    <p>
55      Upload an image from your files / camera / dropbox etc. Square images work best (otherwise it will be cropped to fit). Even works with animated gifs!
56    </p>
57    <p>
58      PS. Updated to use the actual track listing!
59    </p>
60<!--     <p>
61      Then right click to save the image - and share the best ones!
62    </p> -->
63<!--     overlays:taylor_swift_midnights:taylor-swift-midnights-overlay -->
64    <div>
65      <button id="upload_widget" class="cloudinary-button">Upload a picture</button>
66    </div>
67    
68    <div>
69      <img src="/images/cover-your-text-here.jpg" id="uploaded" style="max-width: 100%; height: auto;" />
70    </div>
71    
72    <footer>
73      <p>
74        More generators: <a href="https://you-need-to-calm-down.netlify.app/">Taylor Swift / You Need To Calm Down</a>, <a href="https://zombie-holocaust-generator.netlify.app/">Zombie Holocaust</a>, <a href="https://stay-alert-generator.glitch.me/">STAY ALERT</a>, <a href="https://bt-logo-generator.glitch.me/">BT logo</a>
75      </p>
76      <p>
77        Heardles and things: <a href="https://harry-styles-heardle.glitch.me/">Harry Styles</a>, <a href="https://kpopgg-heardle-round2.glitch.me/">K-Pop girl groups</a>, <a href="https://red-velvet-heardle.glitch.me/">Red Velvet</a>
78      </p>
79      <p>
80        Made by <a href="https://twitter.com/derekahmedzai">itsderek</a>. If you like this <a href="https://ko-fi.com/itsderek">leave a comment or support me on ko-fi</a>.
81      </p>
82    </footer>
83    
84
85    

85<script src="https://upload-widget.cloudinary.com/global/all.js" type="text/javascript"></script>

85  
86
87    

87<script type="text/javascript">  
88    var myWidget = cloudinary.createUploadWidget({
89      cloudName: 'dhmfxjqsc', 
90      uploadPreset: 'b3yedimc'}, (error, result) => { 
91        if (!error && result && result.event === "success") { 
92          // console.log('Done! Here is the image info: ', result.info); 
93          document.getElementById("uploaded").src = result.info.secure_url;
94        }
95      }
96    )
97
98    document.getElementById("upload_widget").addEventListener("click", function(){
99        myWidget.open();
100      }, false);
101    </script>

101
102  </body>
103</html>