-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add a dedicated landing page, with big nav buttons.
- Loading branch information
Showing
9 changed files
with
177 additions
and
25 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,62 @@ | ||
|
||
|
||
|
||
/* https://getbootstrap.com/docs/4.0/layout/overview/ */ | ||
|
||
/* Extra small devices (portrait phones, less than 576px) */ | ||
/* No media query since this is the default in Bootstrap */ | ||
|
||
/* Small devices (landscape phones, 576px and up) | ||
@media (min-width: 576px) { | ||
} | ||
*/ | ||
|
||
/* Medium devices (tablets, 768px and up) | ||
@media (min-width: 768px) { | ||
} | ||
*/ | ||
|
||
/* Large devices (desktops, 992px and up) */ | ||
@media (min-width: 992px) { | ||
|
||
.my-center-block-button { | ||
width: 205px; | ||
display: inline-block; | ||
margin: 0 10px !important; | ||
} | ||
|
||
} | ||
|
||
|
||
/* Extra large devices (large desktops, 1200px and up) | ||
@media (min-width: 1200px) { | ||
} | ||
*/ | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* Large devices (desktops, 992px and up) */ | ||
@media (min-width: 992px) { | ||
|
||
.my-center-block-button { | ||
width: 205px; | ||
display: inline-block; | ||
margin: 0 10px !important; | ||
} | ||
|
||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,24 +1,97 @@ | ||
|
||
|
||
import React from 'react' | ||
//import Container from 'react-bootstrap/Container' | ||
//import Row from 'react-bootstrap/Row' | ||
//import Col from 'react-bootstrap/Col' | ||
//import Card from 'react-bootstrap/Card' | ||
import { useHistory } from 'react-router-dom' | ||
import { Container, Row, Col, Jumbotron, Card, Button } from 'react-bootstrap' | ||
//import AboutCard from './About/Card' | ||
|
||
//import HomePage from './OpinionAnalysis/Page' | ||
//import HomePage from './BotAnalysis/Impact/Page' | ||
import { GoHubot as RobotIcon } from 'react-icons/go' | ||
import { AiOutlineDashboard as DashboardIcon} from 'react-icons/ai' | ||
import { VscTwitter as TwitterIcon } from 'react-icons/vsc' | ||
|
||
//import AboutCard from './About/Card' | ||
import HomePage from './BotAnalysis/Impact/Section' | ||
import './Home.css' | ||
|
||
export default function Home() { | ||
const history = useHistory() | ||
|
||
function redirectTweetCollection(event) { | ||
event.preventDefault() | ||
history.push("/tweet-collection") | ||
} | ||
|
||
function redirectOpinionAnalysis(event) { | ||
event.preventDefault() | ||
history.push("/opinion-analysis") | ||
} | ||
|
||
function redirectBotAnalysis(event) { | ||
event.preventDefault() | ||
history.push("/bot-analysis") | ||
} | ||
|
||
return ( | ||
<HomePage/> | ||
<Container fluid> | ||
|
||
<Card> | ||
<Card.Body> | ||
<Card.Title><h2>Bots and Disinformation in Social Networks: The Impeachment of Donald Trump</h2></Card.Title> | ||
|
||
<Card.Text class="lead"> | ||
A research project by Michael J Rossetti and Tauhid Zaman. | ||
</Card.Text> | ||
|
||
<Card.Text> | ||
Disinformation is | ||
{/* | ||
<a href="https://www.merriam-webster.com/dictionary/disinformation">defined as</a> | ||
*/} | ||
|
||
{" "} "false information deliberately and often covertly spread (as by the planting of rumors) in order to influence public opinion or obscure the truth." | ||
|
||
</Card.Text> | ||
|
||
<Card.Text> | ||
Disinformation can lead to dangerous and violent events, most notably exemplified by the Trump Capitol Insurrection of 2021, in which armed supporters of Donald Trump stormed the US Capitol building with intentions of harming members of congress. | ||
{" "}But what precipitated these events? | ||
</Card.Text> | ||
|
||
<Card.Text> | ||
{" "}In our paper, we analyze the spread of disinformation on Twitter about the 2020 Impeachment of Donald Trump, and the role of automated accounts known as "bots" in amplifying this content across the social network. | ||
</Card.Text> | ||
|
||
|
||
<Card.Text> | ||
For more information, click the links below... | ||
</Card.Text> | ||
|
||
|
||
<div className="my-btn-group text-center"> | ||
<Button size="lg" variant="outline-primary" className="my-center-block-button" onClick={redirectTweetCollection} block> | ||
<span style={{marginRight:"8px"}}><TwitterIcon verticalAlign="middle"/></span> | ||
Tweet Collection | ||
</Button> | ||
|
||
<Button size="lg" variant="outline-primary" className="my-center-block-button" onClick={redirectOpinionAnalysis} block> | ||
<span style={{marginRight:"8px"}}><DashboardIcon /></span> | ||
Opinion Analysis | ||
</Button> | ||
|
||
<Button size="lg" variant="outline-primary" className="my-center-block-button" onClick={redirectBotAnalysis} block> | ||
<span style={{marginRight:"8px"}}><RobotIcon verticalAlign="middle"/></span> | ||
Bot Analysis | ||
</Button> | ||
</div> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</Card.Body> | ||
</Card> | ||
|
||
</Container> | ||
|
||
//<Container fluid> | ||
// <AboutCard/> | ||
// <Section/> | ||
//</Container> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters