roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 18:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

roleypoly says trans rights

Browse source
This commit is contained in:
41666 2020-03-31 12:53:01 -04:00
parent cdcf5081d6
commit df0905abbf
3 changed files with 71 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

42
UI/src/components/logotype/index.js
View file

@ -41,4 +41,46 @@ const Logotype = ({
</svg>
)
export const TransFlag = (props) => (
<svg viewBox="0 0 3372 900" version="1.1" {...props}>
<defs>
<rect id="path-3" x="1772" y="0" width="1600" height="900" rx="100"></rect>
</defs>
<g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Rectangle-5"></g>
<g id="Trans">
<rect
id="Rectangle"
fill="#55CDFC"
x="0"
y="0"
width="1600"
height="900"
rx="100"
></rect>
<rect
id="Rectangle-2"
fill="#F7A8B8"
x="0"
y="170"
width="1600"
height="560"
></rect>
<rect
id="Rectangle-3"
fill="#FFFFFF"
x="0"
y="350"
width="1600"
height="200"
></rect>
</g>
<mask id="mask-4" fill="white">
<use href="#path-3"></use>
</mask>
<g id="Rectangle-5"></g>
</g>
</svg>
)
export default Logotype

21
UI/src/components/wrapper/index.js
View file

@ -1,12 +1,27 @@
import React, { Component } from 'react'
import { Link } from 'react-router-dom'
import Scrollbars from 'react-custom-scrollbars'
import Logotype from '../logotype'
import Logotype, { TransFlag } from '../logotype'
import './wrapper.sass'
import discordLogo from '../../pages/images/discord-logo.svg'
let specialFills = {}
let showTransFlag = false
class Wrapper extends Component {
render() {
const date = new Date()
if (
(date.getMonth() === 2 && date.getDate() === 31) || // TDOV (2 is March)
(date.getMonth() === 10 && date.getDate() === 20) // TDOR (10 is Nov)
) {
specialFills = {
circleFill: '#FFAEC6',
typeFill: '#6FDCFF'
}
showTransFlag = true
}
return (
<div className="wrapper">
<Scrollbars autoHeight autoHeightMax="calc(100vh + 2px)">
@ -15,7 +30,9 @@ class Wrapper extends Component {
<nav uk-navbar="" className="uk-navbar-transparent wrapper__nav">
<div className="uk-navbar-left">
<Link to="/">
<Logotype style={{ height: '2rem' }} className="wrapper__logotype" />
<div style={{ display: 'flex' }}>
<Logotype style={{ height: '2rem', marginRight: '12px' }} className="wrapper__logotype" {...specialFills} /> {showTransFlag && <TransFlag height="100%" width="75px" uk-tooltip="pos: bottom; title: Roleypoly says trans rights!" />}
</div>
</Link>
</div>
<div className="uk-navbar-right">