40 |
41 |
42 |
43 |
44 |
45 |
46 | Automatic Trivia Fact Extraction from Wikipedia
47 |
48 |
49 | -
50 | A trivia search engine based on Surprise factor and Cohesiveness among different categories.
51 |
52 | -
53 | Developed out of a course project on Natural Language Processing.
54 |
55 | -
56 | Trivia Facts based on WikiPedia dataset.
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
--------------------------------------------------------------------------------
/templates/css/header-search.css:
--------------------------------------------------------------------------------
1 | /* We have used the template for header from this website and modified the code to suit our application
2 | // Source: http://tutorialzine.com/2015/02/freebie-7-responsive-header-templates/ (Quiz Template) */
3 | .header-search{
4 | background-color:#292c2f;
5 | box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
6 | padding: 20px 40px;
7 | height: 80px;
8 | /*height:15vh;*/
9 | color: #ffffff;
10 | box-sizing: border-box;
11 | }
12 |
13 | .header-search .header-limiter {
14 | max-width: 1200px;
15 | text-align: center;
16 | margin: 0 auto;
17 | }
18 |
19 | /* Logo */
20 |
21 | .header-search .header-limiter h1 {
22 | float: left;
23 | font: normal 28px Cookie, Arial, Helvetica, sans-serif;
24 | line-height: 40px;
25 | margin: 0;
26 | }
27 |
28 | .header-search .header-limiter h1 span {
29 | color: #5383d3;
30 | }
31 |
32 | /* The header links */
33 |
34 | .header-search .header-limiter a {
35 | color: #ffffff;
36 | text-decoration: none;
37 | }
38 |
39 | .header-search .header-limiter nav {
40 | font:16px Arial, Helvetica, sans-serif;
41 | line-height: 40px;
42 | float: left;
43 | margin: 0 0 0 60px;
44 | padding: 0;
45 | }
46 |
47 | .header-search .header-limiter nav a {
48 | display: inline-block;
49 | padding: 0 5px;
50 | text-decoration:none;
51 | color: #ffffff;
52 | font-size: 16px;
53 | font-weight: normal;
54 | opacity: 0.9;
55 | }
56 |
57 | .header-search .header-limiter nav a:hover {
58 | opacity: 1;
59 | }
60 |
61 | .header-search .header-limiter nav a.selected {
62 | color: #608bd2;
63 | pointer-events: none;
64 | opacity: 1;
65 | }
66 |
67 | /* The search box */
68 |
69 | .header-search .header-limiter form {
70 | float:right;
71 | position: relative;
72 | right: 30px;
73 | margin-left: 40px;
74 | border-radius: 3px;
75 | background-color: #3a3c3e;
76 | width: 44px;
77 | height: 39px;
78 | cursor: pointer;
79 |
80 | -ms-user-select: none;
81 | -moz-user-select: none;
82 | -webkit-user-select: none;
83 | user-select: none;
84 | }
85 |
86 | /* CSS search icon */
87 |
88 | .header-search .header-limiter form:before {
89 | position: absolute;
90 | content: '';
91 | border-radius: 50%;
92 | border: 2px solid #fff;
93 | width: 9px;
94 | height: 9px;
95 | top: 12px;
96 | left: 14px;
97 | }
98 |
99 | .header-search .header-limiter form:after {
100 | position: absolute;
101 | content: '';
102 | background-color: #fff;
103 | width: 2px;
104 | height: 8px;
105 | top: 22px;
106 | left: 26px;
107 | -webkit-transform: rotate(-44deg);
108 | -moz-transform: rotate(-44deg);
109 | transform: rotate(-44deg);
110 | }
111 |
112 | /* The search box */
113 |
114 | .header-search .header-limiter form input {
115 | display: none;
116 | position: absolute;
117 | right: 42px;
118 | padding: 11px 12px 9px;
119 | border: none;
120 | width: 210px;
121 | border-radius: 2px 0 0 2px;
122 | height: 39px;
123 | box-sizing: border-box;
124 | -webkit-appearance: none;
125 | -moz-appearance: none;
126 | appearance: none;
127 | }
128 |
129 | /* Making the header responsive. */
130 |
131 | @media all and (max-width: 600px) {
132 |
133 | .header-search {
134 | height:18vh;
135 | padding: 15px;
136 | position: relative;
137 | }
138 |
139 | .header-search .header-limiter h1 {
140 | float:none;
141 | font-size: 24px;
142 | line-height: 1;
143 | }
144 |
145 | .header-search .header-limiter nav {
146 | text-align: center;
147 | float: none;
148 | margin: 0;
149 | }
150 |
151 | .header-search .header-limiter nav a {
152 | font-size: 13px;
153 | }
154 |
155 | .header-search .header-limiter form {
156 | position: absolute;
157 | top: 20px;
158 | right: 20px;
159 | }
160 |
161 | }
162 |
--------------------------------------------------------------------------------
/wiki2plain.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python
2 |
3 | # from http://stackoverflow.com/questions/4460921/extract-the-first-paragraph-from-a-wikipedia-article-python
4 |
5 | import re
6 |
7 | class Wiki2Plain:
8 | def __init__(self, wiki):
9 | self.wiki = wiki
10 |
11 | self.text = wiki
12 | self.text = self.unhtml(self.text)
13 | self.text = self.unwiki(self.text)
14 | self.text = self.punctuate(self.text)
15 |
16 | def __str__(self):
17 | return self.text
18 |
19 | def unwiki(self, wiki):
20 | """
21 | Remove wiki markup from the text.
22 | """
23 | wiki = re.sub(r'(?i)\{\{IPA(\-[^\|\{\}]+)*?\|([^\|\{\}]+)(\|[^\{\}]+)*?\}\}', lambda m: m.group(2), wiki)
24 | wiki = re.sub(r'(?i)\{\{Lang(\-[^\|\{\}]+)*?\|([^\|\{\}]+)(\|[^\{\}]+)*?\}\}', lambda m: m.group(2), wiki)
25 | wiki = re.sub(r'\{\{[^\{\}]+\}\}', '', wiki)
26 | wiki = re.sub(r'(?m)\{\{[^\{\}]+\}\}', '', wiki)
27 | wiki = re.sub(r'(?m)\{\|[^\{\}]*?\|\}', '', wiki)
28 | wiki = re.sub(r'(?i)\[\[Category:[^\[\]]*?\]\]', '', wiki)
29 | wiki = re.sub(r'(?i)\[\[Image:[^\[\]]*?\]\]', '', wiki)
30 | wiki = re.sub(r'(?i)\[\[File:[^\[\]]*?\]\]', '', wiki)
31 | wiki = re.sub(r'\[\[[^\[\]]*?\|([^\[\]]*?)\]\]', lambda m: m.group(1), wiki)
32 | wiki = re.sub(r'\[\[([^\[\]]+?)\]\]', lambda m: m.group(1), wiki)
33 | wiki = re.sub(r'\[\[([^\[\]]+?)\]\]', '', wiki)
34 | wiki = re.sub(r'(?i)File:[^\[\]]*?', '', wiki)
35 | wiki = re.sub(r'\[[^\[\]]*? ([^\[\]]*?)\]', lambda m: m.group(1), wiki)
36 | wiki = re.sub(r"''+", '', wiki)
37 | wiki = re.sub(r'(?m)^\*$', '', wiki)
38 |
39 | return wiki
40 |
41 | def unhtml(self, html):
42 | """
43 | Remove HTML from the text.
44 | """
45 | html = re.sub(r'(?i) ', ' ', html)
46 | html = re.sub(r'(?i)
', '\n', html)
47 | html = re.sub(r'(?m))?\s*([^\\/:*?<>"|%]+\.[^\\/:*?<>"|%]{3,4})', self.wiki)
80 | match = re.search(r'(?i)([^\\/:*?<>"|% =]+)\.(gif|jpg|jpeg|png|bmp)', self.wiki)
81 |
82 | if match:
83 | return '%s.%s' % match.groups()
84 |
85 | return None
86 |
87 | if __name__ == '__main__':
88 | # @link http://simple.wikipedia.org/w/index.php?action=raw&title=Uruguay
89 | wiki = """[[File:LocationUruguay.png|right|]]
90 | '''Uruguay''' is a country in [[South America]]. The language spoken there is Spanish. Its [[capital (city)|capital]] and largest [[city]] is [[Montevideo]]. Uruguay is bordered by two large neighbors, [[Brazil]] and [[Argentina]]. The only country in South America that is smaller than Uruguay is [[Suriname]].
91 | The land there is mostly flat and they have many farms there.
92 | {{geo-stub}}
93 | {{South America}}
94 | {{Link FA|af}}
95 | {{Link FA|ast}}
96 | {{Link FA|ca}}
97 | [[Category:Uruguay| ]]"""
98 |
99 | wiki2plain = Wiki2Plain(wiki)
100 | content = wiki2plain.text
101 | image = wiki2plain.image()
102 |
103 | print('---')
104 | print(content)
105 | print('---')
106 | print(image)
107 | print('---')
108 |
--------------------------------------------------------------------------------
/templates/js/gameController.js:
--------------------------------------------------------------------------------
1 | // We have used the basic javascript model for quiz game from this website and modified it to fetch our own data.
2 | // http://www.flashbynight.com/tutes/mcqquiz/ (Quiz Template)
3 |
4 |
5 | $(document).ready(function () {
6 | $('#header').load('header.html');
7 | var questionNumber=0;
8 | var questionBank=new Array();
9 | var stage="#game1";
10 | var stage2=new Object;
11 | var questionLock=false;
12 | var numberOfQuestions;
13 | var score=0;
14 | var difficulty="easy";
15 | var diffSelected = false;
16 | var gameSelection=0;
17 | selectGame();
18 |
19 | function fetchQuestion(){
20 | if(gameSelection==1){
21 | url = "https://opentdb.com/api.php?amount=5&difficulty="+difficulty
22 | }else{
23 | url = "/questions"
24 | }
25 | $.get( url, function( data ) {
26 | var questions = data["results"];
27 | for(i=0;i'+"Select Difficulty Level"+'