wood/CoverView
1
0
Fork 0
mirror of https://github.com/woodchen-ink/CoverView.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add wall of love

Browse Source
This commit is contained in:
rutik wankhade 2022-07-21 14:13:45 +05:30
parent 2a952f7045
commit 28981cd953
3 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@ -29,6 +29,7 @@
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
--> -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!-- <!--
Notice the use of %PUBLIC_URL% in the tags above. Notice the use of %PUBLIC_URL% in the tags above.
@ -45,7 +46,7 @@
data-code="y1wOy094LZLgd8a0GcLjDsPVQygfceIB"></script> data-code="y1wOy094LZLgd8a0GcLjDsPVQygfceIB"></script>
<title>Coverview</title> <title>Coverview</title>
</head> </head>
<script src="https://widget.senja.io/js/iframeResizer.min.js"></script>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>

3
src/components/Home.js
View File

@ -12,6 +12,7 @@ import step2 from '../assets/images/step2.png'
import hashnodeLogo from '../assets/images/hashnode-logo.png' import hashnodeLogo from '../assets/images/hashnode-logo.png'
import devLogo from '../assets/images/dev-logo.png' import devLogo from '../assets/images/dev-logo.png'
import WallOfLove from './walloflove';
const Home = () => { const Home = () => {
@ -171,7 +172,7 @@ const Home = () => {
<WallOfLove />
<div className="md:w-1/2 mx-auto py-20"> <div className="md:w-1/2 mx-auto py-20">
<h2 className="text-5xl text-center font-Anek font-bold text-gray-700 mx-auto">Simple, quick, and easy to use</h2> <h2 className="text-5xl text-center font-Anek font-bold text-gray-700 mx-auto">Simple, quick, and easy to use</h2>

39
src/components/walloflove.js Normal file
View File

@ -0,0 +1,39 @@
import React, { useEffect } from 'react';
const WallOfLove = () => {
useEffect(() => {
let script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', 'https://widget.senja.io/js/iframeResizer.min.js');
window.iFrameResize(
{ log: false, checkOrigin: false },
'#senja-frame-902012ea');
let frame = document.getElementById('senja-frame-902012ea');
frame.setAttribute('src', "https://widget.senja.io/widget/902012ea-9b49-433a-96df-5cb43fd9a648");
document.body.appendChild(script);
},[])
return (
<div>
<iframe id="senja-frame-902012ea"
title="wall of love"
src=""
data-src="https://widget.senja.io/widget/902012ea-9b49-433a-96df-5cb43fd9a648"
frameborder="0"
scrolling="no"
width="100%"
className="w-9/12 mx-auto"
>
</iframe>
</div>
);
}
export default WallOfLove;