soames-gatsby-theme
Version:
A customizable Gatsby theme for personal websites using WordPress as a headless CMS.
19 lines (18 loc) • 2.09 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const SoamesSoundCloud = ({ attributes }) => {
const { bandName, siteLink, playlistId, albumLink, albumName } = attributes;
return ((0, jsx_runtime_1.jsx)("section", { className: "soames-section article soames-list", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "media-container-row", children: (0, jsx_runtime_1.jsxs)("div", { className: "soames-text counter-container col-12 col-md-10 pt-2 mbr-fonts-style display-7", children: [(0, jsx_runtime_1.jsx)("iframe", { title: albumName, width: "100%", height: "300", scrolling: "no", frameBorder: "no", allow: "autoplay", src: `https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/${playlistId}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true` }), (0, jsx_runtime_1.jsxs)("div", { style: {
fontSize: '10px',
color: '#cccccc',
lineBreak: 'anywhere',
wordBreak: 'normal',
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
fontFamily: 'Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif',
fontWeight: 100,
}, children: [(0, jsx_runtime_1.jsx)("a", { href: siteLink, title: bandName, target: "_blank", style: { color: '#cccccc', textDecoration: 'none' }, rel: "noreferrer", children: bandName }), ' ', "\u00B7", ' ', (0, jsx_runtime_1.jsx)("a", { href: albumLink, title: albumName, target: "_blank", style: { color: '#cccccc', textDecoration: 'none' }, rel: "noreferrer", children: albumName })] })] }) }) }) }));
};
exports.default = SoamesSoundCloud;