mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-13 09:35:59 +02:00
Code Issues Releases Wiki Activity

Update footer

Browse Source
This commit is contained in:
Phuoc Nguyen
2021-03-31 22:23:15 +07:00
parent 35cb4ef9ab
commit 1465eab5f2
5 changed files with 2 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

1
.gitignore vendored
View File

@@ -1,3 +1,4 @@
.DS_Store
.netlify .netlify
dist dist
node_modules node_modules

2
client/layouts/Footer.tsx
View File

@@ -13,7 +13,7 @@ const Footer: React.FC<{}> = () => {
<div className="container"> <div className="container">
<div className="footer__about"> <div className="footer__about">
<div className="footer__author"> <div className="footer__author">
<div>© 2020-{new Date().getFullYear()} Nguyen Huu Phuoc.</div> <div>© 2019-{new Date().getFullYear()} Nguyen Huu Phuoc.</div>
<div>All rights reserved</div> <div>All rights reserved</div>
</div> </div>
<a className="footer__social" href="https://twitter.com/nghuuphuoc" rel="noopener noreferrer" target="_blank"> <a className="footer__social" href="https://twitter.com/nghuuphuoc" rel="noopener noreferrer" target="_blank">

26
client/layouts/ProductHuntBadge.tsx
View File

@@ -1,26 +0,0 @@
/**
* A collection of popular layouts and patterns made with CSS (https://csslayout.io)
* (c) 2019 - 2020 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/
import React from 'react';
const ProductHuntBadge: React.FC<{}> = () => {
return (
<a
href="https://www.producthunt.com/posts/css-layout?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-css-layout"
target="_blank"
>
<img
src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=176424&theme=light"
alt="CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed"
style={{
height: '54px',
width: '250px',
}}
/>
</a>
);
};
export default ProductHuntBadge;

59
client/layouts/SubscribeForm.tsx
View File

@@ -1,59 +0,0 @@
/**
* A collection of popular layouts and patterns made with CSS (https://csslayout.io)
* (c) 2019 - 2020 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/
import React from 'react';
const SubscribeForm: React.FC<{}> = () => {
return (
<div className='text-center mb-8'>
<div className='mb-4'>
Hit the Subscribe button for the latest news on my tools. No spam. Ever!
</div>
<form
action="https://csslayout.us4.list-manage.com/subscribe/post?u=77d0bf6497a2cdbb36f08587c&amp;id=e8a912009a"
method="post"
name="mc-embedded-subscribe-form"
target="_blank"
noValidate={true}
style={{
margin: 0,
}}
>
<input
type="email"
name="EMAIL"
placeholder="Email address"
required={true}
style={{
border: '1px solid rgba(0, 0, 0, 0.3)',
borderBottomLeftRadius: '4px',
borderTopLeftRadius: '4px',
padding: '8px',
width: '200px',
}}
/>
<div style={{ left: '-5000px', position: 'absolute' }} aria-hidden="true">
<input type="text" name="b_77d0bf6497a2cdbb36f08587c_e8a912009a" tabIndex={-1} />
</div>
<button
type="submit"
name="subscribe"
style={{
backgroundColor: '#00449E',
borderBottomRightRadius: '4px',
borderColor: 'transparent',
borderTopRightRadius: '4px',
color: '#FFF',
padding: '8px 16px',
}}
>
Subscribe
</button>
</form>
</div>
);
};
export default SubscribeForm;