diff --git a/src/css/bootstrap.css b/src/css/bootstrap.css index c419774..cfcff8c 100644 --- a/src/css/bootstrap.css +++ b/src/css/bootstrap.css @@ -260,7 +260,7 @@ th { border: 1px solid #ddd !important; } } -@font-face { +/*@font-face { font-family: 'Glyphicons Halflings'; src: url('../../../static/fonts/glyphicons-halflings-regular.eot'); @@ -1064,7 +1064,7 @@ th { } .glyphicon-menu-up:before { content: "\e260"; -} +}*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -6354,9 +6354,9 @@ button.close { outline: 0; opacity: .9; } -.carousel-control .icon-prev, -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-left, +/*.carousel-control .icon-prev, +.carousel-control .icon-next,*/ +/*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; @@ -6373,7 +6373,7 @@ button.close { .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; -} +}*/ .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; @@ -6432,7 +6432,7 @@ button.close { text-shadow: none; } @media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, + /*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { @@ -6448,7 +6448,7 @@ button.close { .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; - } + }*/ .carousel-caption { right: 20%; left: 20%; diff --git a/src/css/post.scss b/src/css/post.scss new file mode 100644 index 0000000..6a15104 --- /dev/null +++ b/src/css/post.scss @@ -0,0 +1,3 @@ +.article_title { + color: green; +} \ No newline at end of file diff --git a/src/css/stayconnected.scss b/src/css/stayconnected.scss new file mode 100644 index 0000000..ea24626 --- /dev/null +++ b/src/css/stayconnected.scss @@ -0,0 +1,17 @@ +.blue_box { + background-color: #264D68; + width: 100%; + height: 400px; + position: fixed; + z-index: -1; +} + +.page_title { + color: white; + width: 100%; + text-align: center; +} + +.button_title { + color: #264D68; +} \ No newline at end of file diff --git a/src/pages/post.js b/src/pages/post.js new file mode 100644 index 0000000..252d007 --- /dev/null +++ b/src/pages/post.js @@ -0,0 +1,38 @@ +import React from 'react' +// import Link from 'gatsby-link' +import '../css/bootstrap.css' +import '../css/post.scss' +import Button from 'react-bootstrap/lib/Button'; +import PageHeader from 'react-bootstrap/lib/PageHeader'; +import Panel from 'react-bootstrap/lib/Panel'; + +class PostPage extends React.Component { + render() { + return ( +
+ + +

Article Title Here

+

+ February 15, 2018 +
+ + + article content Here + Lorem ipsum dolor sit amet, et pro purto putant, nam sonet suscipit ea. Te iuvaret dissentias ius, te facer eripuit nam. At choro meliore dissentiet vim. Eu vix reprimique liberavisse. + + Quem equidem habemus per an. Ad tale mandamus molestiae usu, ut assum laoreet splendide eam. Mundi habemus suscipiantur eu usu, mel dicit vulputate ex. Qui atomorum definitionem ne, ex vero eripuit denique vel. + + Eirmod adversarium vis ex, deleniti perpetua signiferumque sit ad. Ad sed menandri erroribus forensibus, ex quas viris ornatus vis, ei odio minimum consetetur has. In eius adipiscing nam, inani commune expetendis ad vim, enim partem deserunt ea pri. An vix vidisse liberavisse, aliquip aliquid erroribus mei at, no senserit elaboraret mel. Esse ponderum definitiones ne his. + + Ne usu nulla homero persius. Pri eu quis aliquam, eius debet debitis ei cum. Sea ea autem recteque. Ut per tale blandit explicari. Vel no sensibus gubergren, no sea quot invidunt oporteat, mel dico offendit sententiae no. + + Vel ne autem simul reformidans. Eum ne homero percipitur. An usu mollis consequat interpretaris, quo aliquip dolorem et. Dicat semper duo ei, in unum facete salutandi eam, ut choro mucius nostro usu. Qui in choro dissentiet, denique sapientem vituperatoribus cu vel. + + +
+ ); + } +} + +export default PostPage \ No newline at end of file diff --git a/src/pages/stayconnected.js b/src/pages/stayconnected.js new file mode 100644 index 0000000..ec8b173 --- /dev/null +++ b/src/pages/stayconnected.js @@ -0,0 +1,120 @@ +import React from 'react' +import Link from 'gatsby-link' +import '../css/bootstrap.css' +import '../css/stayconnected.scss' +import Button from 'react-bootstrap/lib/Button'; +import PageHeader from 'react-bootstrap/lib/PageHeader'; +import Panel from 'react-bootstrap/lib/Panel'; +import FormGroup from 'react-bootstrap/lib/FormGroup'; +import FormControl from 'react-bootstrap/lib/FormControl'; +import ControlLabel from 'react-bootstrap/lib/ControlLabel'; +import HelpBlock from 'react-bootstrap/lib/HelpBlock'; +import DropdownButton from 'react-bootstrap/lib/DropdownButton'; +import MenuItem from 'react-bootstrap/lib/MenuItem'; + +class StayConnectedPage extends React.Component { + render() { + return ( +
+
+ + Stay Connected + + + + As the independent publication serving the UC Berkeley campus and the + city of Berkeley, The Daily Californian has a print circulation of 10,000 + and additionally reaches more 36,000 students and 22,000 faculty and staff + on campus. The online version, dailycal.org, averages over 800,000 monthly + hits. Stay connected through our events and by liking our Facebook page. + + The Daily Californian Alumni Association was created to bring alumni of the + newspaper together as well as to provide mentorship and financial support to + the current student staff. + + + + + + Subscribe to the alumni newsletter! + + Want to stay connected and up to date on what your fellow Daily Cal Alumni + are up to? Sign up for our free monthly online alumni newsletter below. + + If you would like to contribute to the newsletter by sharing work you have + done recently or if you would like us to profile you and your work please + contact alumni-newsletter@dailycal.org. + + NAME + + + + + + PHONE + + + + EMAIL + + + + ADDRESS + + + + + + + + + + + + Action + Another action + Something else here + + Separated link + + + + + +
+ ); + } +} + +export default StayConnectedPage diff --git a/static/bootstrap.css b/static/bootstrap.css index 6167622..aa88443 100644 --- a/static/bootstrap.css +++ b/static/bootstrap.css @@ -260,7 +260,7 @@ th { border: 1px solid #ddd !important; } } -@font-face { +/*@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); @@ -532,8 +532,8 @@ th { content: "\e079"; } .glyphicon-chevron-right:before { - content: "\e080"; -} + content: "\e080";*/ +/*} .glyphicon-plus-sign:before { content: "\e081"; } @@ -1064,7 +1064,7 @@ th { } .glyphicon-menu-up:before { content: "\e260"; -} +}*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -6354,9 +6354,9 @@ button.close { outline: 0; opacity: .9; } -.carousel-control .icon-prev, -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-left, +/*.carousel-control .icon-prev, +.carousel-control .icon-next,*/ +/*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; @@ -6373,7 +6373,7 @@ button.close { .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; -} +}*/ .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; @@ -6432,7 +6432,7 @@ button.close { text-shadow: none; } @media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, + /*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { @@ -6448,7 +6448,7 @@ button.close { .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; - } + }*/ .carousel-caption { right: 20%; left: 20%;