comunes/todos-contra-el-fuego-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added bootstrap package

Browse source
This commit is contained in:
vjrj 2017-11-23 19:02:54 +01:00
parent 2b3c9a5868
commit d7664cbf84
10 changed files with 62 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

19
designs/web-tcef.svg
View file

@ -26,9 +26,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.69575618"
inkscape:cx="900.10663"
inkscape:cy="596.82354"
inkscape:zoom="0.34787809"
inkscape:cx="482.26239"
inkscape:cy="500.72871"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
@ -62,15 +62,16 @@
preserveAspectRatio="none"
height="276.33533"
width="442.13651"
style="stroke-width:165.45117188" />
style="stroke-width:165.45117188"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
<rect
style="opacity:0.18059999;fill:#ac9393;fill-opacity:0.95473256;stroke:none;stroke-width:26.45833206;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="opacity:0.18059998;fill:#ac9393;fill-opacity:0.95473256;stroke:none;stroke-width:26.45833206;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6086"
width="390.98022"
height="252.89684"
x="11.057551"
y="14.26377"
rx="5" />
y="14.26377" />
<rect
style="opacity:0.29160007;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:26.45833206;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4573"
@ -82,14 +83,14 @@
ry="5" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:23.18472672px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:Normal;letter-spacing:0px;word-spacing:0px;fill:#550000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:23.18472672px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:Normal;letter-spacing:0px;word-spacing:0px;fill:#280b0b;fill-opacity:1;stroke:none;stroke-width:0.26458332"
x="206.0237"
y="62.567436"
id="text6092"><tspan
sodipodi:role="line"
x="206.0237"
y="62.567436"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:30.03565788px;font-family:Roboto;-inkscape-font-specification:'Roboto, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#550000;stroke-width:0.26458332"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:30.03565788px;font-family:Roboto;-inkscape-font-specification:'Roboto, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#280b0b;fill-opacity:1;stroke-width:0.26458332"
id="tspan6094">TODOS CONTRA EL FUEGO</tspan></text>
<g
id="g4691"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 MiB

After

Width:  |  Height:  |  Size: 2.8 MiB

Before After
Before After

19
imports/ui/components/AuthenticatedNavigation/AuthenticatedNavigation.js
View file

@ -7,20 +7,17 @@ import { Meteor } from 'meteor/meteor';
const AuthenticatedNavigation = ({ name, history }) => (
<div>
{/*
https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Nav.js
<Nav>
<LinkContainer to="/documents">
<NavItem eventKey={1} href="/documents">Documents</NavItem>
<NavItem href="/documents">Documents</NavItem>
</LinkContainer>
</Nav>
<Nav pullRight>
<NavDropdown eventKey={2} title={name} id="user-nav-dropdown">
<LinkContainer to="/profile">
<NavItem eventKey={2.1} href="/profile">Profile</NavItem>
</LinkContainer>
<MenuItem divider />
<MenuItem eventKey={2.2} onClick={() => history.push('/logout')}>Logout</MenuItem>
</NavDropdown>
</Nav>
</Nav> */}
<div title={name} className="dropdown-menu dropdown-menu-right">
<a className="dropdown-item" href="/profile">Profile</a>
<a className="dropdown-item" onClick={() => history.push('/logout')} >Logout</a>
</div>
</div>
);

2
imports/ui/components/Footer/Footer.js
View file

@ -16,7 +16,7 @@ const Footer = (props) => {
return (
<div className="Footer">
<Grid>
<p className="pull-left">&copy; Copyleft {copyrightYear()} {t('OrgNameFull')}</p>
<p className="pull-left">&copy; Copyleft {copyrightYear()} <a href="https://comunes.org/">{t('OrgNameFull')}</a></p>
<ul className="pull-right">
<li><Link to="/terms"> {t('Términos')}<span className="hidden-xs"> {t('de Servicio')}</span></Link></li>
<li><Link to="/privacy">{t('Política')}<span className="hidden-xs"> {t('de Privacidad')}</span></Link></li>

4
imports/ui/components/Footer/Footer.scss
View file

@ -31,7 +31,7 @@ body {
ul li {
float: left;
&:first-child {
&:first-child, &:nth-child(2) {
margin-right: 15px;
}
@ -49,7 +49,7 @@ body {
}
@include breakpoint(tablet) {
.Footer ul li:first-child {
.Footer ul li:first-child, .Footer ul li:nth-child(2) {
margin-right: 30px;
}
}

12
imports/ui/components/Navigation/Navigation.js
View file

@ -19,22 +19,12 @@ const Navigation = props => (
<li className="nav-item">
<a className="nav-link" href="#">{props.t('Contacto')}</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">{props.t('Contacto')}</a>
</li>
<li className="nav-item">
{!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
</li>
<li className="nav-item dropdown">
<a className="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{props.t('Más')}
<div className="ripple-container"></div>
</a>
<div className="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
<a className="dropdown-item active" href="/bootstrap-material-design/docs/4.0/">Latest (4.x)</a>
<a className="dropdown-item" href="https://cdn.rawgit.com/FezVrasta/bootstrap-material-design/gh-pages-v3/index.html">v3.x</a>
</div>
{!props.authenticated ? <PublicNavigation /> : <AuthenticatedNavigation {...props} />}
</li>
</ul>

12
imports/ui/components/PublicNavigation/PublicNavigation.js
View file

@ -3,14 +3,10 @@ import { LinkContainer } from 'react-router-bootstrap';
import { Nav, NavItem } from 'react-bootstrap';
const PublicNavigation = () => (
<Nav pullRight>
<LinkContainer to="/signup">
<NavItem eventKey={1} href="/signup">Sign Up</NavItem>
</LinkContainer>
<LinkContainer to="/login">
<NavItem eventKey={2} href="/login">Log In</NavItem>
</LinkContainer>
</Nav>
<div className="dropdown-menu dropdown-menu-right">
<a className="dropdown-item" href="/signup">Sign Up</a>
<a className="dropdown-item" href="/login">Log In</a>
</div>
);
export default PublicNavigation;

14
imports/ui/pages/Index/Index-custom.scss
View file

@ -118,3 +118,17 @@
.carousel-item-4 {
background-image: url('/home-slide4.jpg')
}
.full-width {
position: relative;
width: 100vw;
margin-left: calc(-50vw + 50% - 8px);
position: relative;
/*
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;*/
}

2
imports/ui/pages/Index/Index.js
View file

@ -49,7 +49,7 @@ class Index extends Component {
render() {
return (
<div className="IndexDisabled">
<div className="IndexDisabled full-width">
{/* https://v4-alpha.getbootstrap.com/components/carousel/ */}
<header>
<ReactResizeDetector handleWidth handleHeight onResize={this._onResize} />

3
imports/ui/stylesheets/custom.scss
View file

@ -0,0 +1,3 @@
a, a:hover {
color: $todos-font2;
}