Initial commit

2019-02-28 14:09:53 +01:00
commit 96e84d083d
97 changed files with 66293 additions and 0 deletions
--- a/app/blog/init.py
+++ b/app/blog/init.py
--- a/app/blog/admin.py
+++ b/app/blog/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
--- a/app/blog/apps.py
+++ b/app/blog/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class BlogConfig(AppConfig):
+    name = 'blog'
--- a/app/blog/migrations/init.py
+++ b/app/blog/migrations/init.py
--- a/app/blog/models.py
+++ b/app/blog/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
--- a/app/blog/static/blog/chartjs/Chart.bundle.js
+++ b/app/blog/static/blog/chartjs/Chart.bundle.js
--- a/app/blog/static/blog/chartjs/Chart.bundle.min.js
+++ b/app/blog/static/blog/chartjs/Chart.bundle.min.js
--- a/app/blog/static/blog/images/4094966.jpg
+++ b/app/blog/static/blog/images/4094966.jpg
--- a/app/blog/static/blog/images/4094966.txt
+++ b/app/blog/static/blog/images/4094966.txt
@@ -0,0 +1 @@
+(c) Deutscher Bundestag / Marc-Steffen Unger
--- a/app/blog/static/blog/images/4116197.jpg
+++ b/app/blog/static/blog/images/4116197.jpg
--- a/app/blog/static/blog/images/4116197.txt
+++ b/app/blog/static/blog/images/4116197.txt
@@ -0,0 +1 @@
+(c) Deutscher Bundestag / Thomas Köhler/photothek.net
--- a/app/blog/static/blog/images/4283396.jpg
+++ b/app/blog/static/blog/images/4283396.jpg
--- a/app/blog/static/blog/images/4283396.txt
+++ b/app/blog/static/blog/images/4283396.txt
@@ -0,0 +1 @@
+(c) Deutscher Bundestag / Achim Melde
--- a/app/blog/static/blog/main.css
+++ b/app/blog/static/blog/main.css
@@ -0,0 +1,77 @@
+html {
+    word-break: break-word;
+}
+
+body {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+  }
+
+  main {
+    flex: 1 0 auto;
+  }
+
+/* span.comment {
+    color: white;
+    float: right;
+    position: relative;
+    border: 5px solid #607D8B;
+    text-align: center;
+    background: #607D8B;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    margin-bottom: 10px;
+} */
+
+span.comment {
+    position: relative;
+    background: #607D8B;
+    border: 5px solid #607D8B;
+    border-radius: 0.6em;
+    color: white;
+    float: right;
+    margin-bottom: 20px;
+}
+
+span.comment:after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 75%;
+    width: 0;
+    height: 0;
+    border: 0.938em solid transparent;
+    border-top-color: #607D8B;
+    border-bottom: 0;
+    border-right: 0;
+    margin-left: -0.469em;
+    margin-bottom: -0.937em;
+}
+
+.data-size {
+    height: inherit;
+    width: 90%;
+    left: 0;
+    top: 0;
+    margin-left: 5%;
+    margin-top: 3.66em;
+    padding: 0.75em;
+    overflow: fixed;
+    float: top;
+    position: fixed;
+}
+
+/* changes lable color of witches */
+.switch label input[type=checkbox]:checked+.lever:after {
+    background-color: #558B2F !important;
+}
+.switch label input[type=checkbox]:checked+.lever {
+    background-color: #558B2F !important;
+}
+
+/* Hight for parallax container */
+.parallax-container {
+      height: 500px;
+    }
--- a/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.eot
+++ b/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.eot
--- a/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.ijmap
+++ b/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.ijmap
--- a/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.svg
+++ b/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.svg
--- a/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.ttf
+++ b/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.ttf
--- a/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.woff
+++ b/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.woff
--- a/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.woff2
+++ b/app/blog/static/blog/material-design-icons/iconfont/MaterialIcons-Regular.woff2
--- a/app/blog/static/blog/material-design-icons/iconfont/README.md
+++ b/app/blog/static/blog/material-design-icons/iconfont/README.md
@@ -0,0 +1,9 @@
+The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:
+
+```html
+<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet">
+```
+
+Read more in our full usage guide:
+http://google.github.io/material-design-icons/#icon-font-for-the-web
--- a/app/blog/static/blog/material-design-icons/iconfont/codepoints
+++ b/app/blog/static/blog/material-design-icons/iconfont/codepoints
@@ -0,0 +1,932 @@
+3d_rotation e84d
+ac_unit eb3b
+access_alarm e190
+access_alarms e191
+access_time e192
+accessibility e84e
+accessible e914
+account_balance e84f
+account_balance_wallet e850
+account_box e851
+account_circle e853
+adb e60e
+add e145
+add_a_photo e439
+add_alarm e193
+add_alert e003
+add_box e146
+add_circle e147
+add_circle_outline e148
+add_location e567
+add_shopping_cart e854
+add_to_photos e39d
+add_to_queue e05c
+adjust e39e
+airline_seat_flat e630
+airline_seat_flat_angled e631
+airline_seat_individual_suite e632
+airline_seat_legroom_extra e633
+airline_seat_legroom_normal e634
+airline_seat_legroom_reduced e635
+airline_seat_recline_extra e636
+airline_seat_recline_normal e637
+airplanemode_active e195
+airplanemode_inactive e194
+airplay e055
+airport_shuttle eb3c
+alarm e855
+alarm_add e856
+alarm_off e857
+alarm_on e858
+album e019
+all_inclusive eb3d
+all_out e90b
+android e859
+announcement e85a
+apps e5c3
+archive e149
+arrow_back e5c4
+arrow_downward e5db
+arrow_drop_down e5c5
+arrow_drop_down_circle e5c6
+arrow_drop_up e5c7
+arrow_forward e5c8
+arrow_upward e5d8
+art_track e060
+aspect_ratio e85b
+assessment e85c
+assignment e85d
+assignment_ind e85e
+assignment_late e85f
+assignment_return e860
+assignment_returned e861
+assignment_turned_in e862
+assistant e39f
+assistant_photo e3a0
+attach_file e226
+attach_money e227
+attachment e2bc
+audiotrack e3a1
+autorenew e863
+av_timer e01b
+backspace e14a
+backup e864
+battery_alert e19c
+battery_charging_full e1a3
+battery_full e1a4
+battery_std e1a5
+battery_unknown e1a6
+beach_access eb3e
+beenhere e52d
+block e14b
+bluetooth e1a7
+bluetooth_audio e60f
+bluetooth_connected e1a8
+bluetooth_disabled e1a9
+bluetooth_searching e1aa
+blur_circular e3a2
+blur_linear e3a3
+blur_off e3a4
+blur_on e3a5
+book e865
+bookmark e866
+bookmark_border e867
+border_all e228
+border_bottom e229
+border_clear e22a
+border_color e22b
+border_horizontal e22c
+border_inner e22d
+border_left e22e
+border_outer e22f
+border_right e230
+border_style e231
+border_top e232
+border_vertical e233
+branding_watermark e06b
+brightness_1 e3a6
+brightness_2 e3a7
+brightness_3 e3a8
+brightness_4 e3a9
+brightness_5 e3aa
+brightness_6 e3ab
+brightness_7 e3ac
+brightness_auto e1ab
+brightness_high e1ac
+brightness_low e1ad
+brightness_medium e1ae
+broken_image e3ad
+brush e3ae
+bubble_chart e6dd
+bug_report e868
+build e869
+burst_mode e43c
+business e0af
+business_center eb3f
+cached e86a
+cake e7e9
+call e0b0
+call_end e0b1
+call_made e0b2
+call_merge e0b3
+call_missed e0b4
+call_missed_outgoing e0e4
+call_received e0b5
+call_split e0b6
+call_to_action e06c
+camera e3af
+camera_alt e3b0
+camera_enhance e8fc
+camera_front e3b1
+camera_rear e3b2
+camera_roll e3b3
+cancel e5c9
+card_giftcard e8f6
+card_membership e8f7
+card_travel e8f8
+casino eb40
+cast e307
+cast_connected e308
+center_focus_strong e3b4
+center_focus_weak e3b5
+change_history e86b
+chat e0b7
+chat_bubble e0ca
+chat_bubble_outline e0cb
+check e5ca
+check_box e834
+check_box_outline_blank e835
+check_circle e86c
+chevron_left e5cb
+chevron_right e5cc
+child_care eb41
+child_friendly eb42
+chrome_reader_mode e86d
+class e86e
+clear e14c
+clear_all e0b8
+close e5cd
+closed_caption e01c
+cloud e2bd
+cloud_circle e2be
+cloud_done e2bf
+cloud_download e2c0
+cloud_off e2c1
+cloud_queue e2c2
+cloud_upload e2c3
+code e86f
+collections e3b6
+collections_bookmark e431
+color_lens e3b7
+colorize e3b8
+comment e0b9
+compare e3b9
+compare_arrows e915
+computer e30a
+confirmation_number e638
+contact_mail e0d0
+contact_phone e0cf
+contacts e0ba
+content_copy e14d
+content_cut e14e
+content_paste e14f
+control_point e3ba
+control_point_duplicate e3bb
+copyright e90c
+create e150
+create_new_folder e2cc
+credit_card e870
+crop e3be
+crop_16_9 e3bc
+crop_3_2 e3bd
+crop_5_4 e3bf
+crop_7_5 e3c0
+crop_din e3c1
+crop_free e3c2
+crop_landscape e3c3
+crop_original e3c4
+crop_portrait e3c5
+crop_rotate e437
+crop_square e3c6
+dashboard e871
+data_usage e1af
+date_range e916
+dehaze e3c7
+delete e872
+delete_forever e92b
+delete_sweep e16c
+description e873
+desktop_mac e30b
+desktop_windows e30c
+details e3c8
+developer_board e30d
+developer_mode e1b0
+device_hub e335
+devices e1b1
+devices_other e337
+dialer_sip e0bb
+dialpad e0bc
+directions e52e
+directions_bike e52f
+directions_boat e532
+directions_bus e530
+directions_car e531
+directions_railway e534
+directions_run e566
+directions_subway e533
+directions_transit e535
+directions_walk e536
+disc_full e610
+dns e875
+do_not_disturb e612
+do_not_disturb_alt e611
+do_not_disturb_off e643
+do_not_disturb_on e644
+dock e30e
+domain e7ee
+done e876
+done_all e877
+donut_large e917
+donut_small e918
+drafts e151
+drag_handle e25d
+drive_eta e613
+dvr e1b2
+edit e3c9
+edit_location e568
+eject e8fb
+email e0be
+enhanced_encryption e63f
+equalizer e01d
+error e000
+error_outline e001
+euro_symbol e926
+ev_station e56d
+event e878
+event_available e614
+event_busy e615
+event_note e616
+event_seat e903
+exit_to_app e879
+expand_less e5ce
+expand_more e5cf
+explicit e01e
+explore e87a
+exposure e3ca
+exposure_neg_1 e3cb
+exposure_neg_2 e3cc
+exposure_plus_1 e3cd
+exposure_plus_2 e3ce
+exposure_zero e3cf
+extension e87b
+face e87c
+fast_forward e01f
+fast_rewind e020
+favorite e87d
+favorite_border e87e
+featured_play_list e06d
+featured_video e06e
+feedback e87f
+fiber_dvr e05d
+fiber_manual_record e061
+fiber_new e05e
+fiber_pin e06a
+fiber_smart_record e062
+file_download e2c4
+file_upload e2c6
+filter e3d3
+filter_1 e3d0
+filter_2 e3d1
+filter_3 e3d2
+filter_4 e3d4
+filter_5 e3d5
+filter_6 e3d6
+filter_7 e3d7
+filter_8 e3d8
+filter_9 e3d9
+filter_9_plus e3da
+filter_b_and_w e3db
+filter_center_focus e3dc
+filter_drama e3dd
+filter_frames e3de
+filter_hdr e3df
+filter_list e152
+filter_none e3e0
+filter_tilt_shift e3e2
+filter_vintage e3e3
+find_in_page e880
+find_replace e881
+fingerprint e90d
+first_page e5dc
+fitness_center eb43
+flag e153
+flare e3e4
+flash_auto e3e5
+flash_off e3e6
+flash_on e3e7
+flight e539
+flight_land e904
+flight_takeoff e905
+flip e3e8
+flip_to_back e882
+flip_to_front e883
+folder e2c7
+folder_open e2c8
+folder_shared e2c9
+folder_special e617
+font_download e167
+format_align_center e234
+format_align_justify e235
+format_align_left e236
+format_align_right e237
+format_bold e238
+format_clear e239
+format_color_fill e23a
+format_color_reset e23b
+format_color_text e23c
+format_indent_decrease e23d
+format_indent_increase e23e
+format_italic e23f
+format_line_spacing e240
+format_list_bulleted e241
+format_list_numbered e242
+format_paint e243
+format_quote e244
+format_shapes e25e
+format_size e245
+format_strikethrough e246
+format_textdirection_l_to_r e247
+format_textdirection_r_to_l e248
+format_underlined e249
+forum e0bf
+forward e154
+forward_10 e056
+forward_30 e057
+forward_5 e058
+free_breakfast eb44
+fullscreen e5d0
+fullscreen_exit e5d1
+functions e24a
+g_translate e927
+gamepad e30f
+games e021
+gavel e90e
+gesture e155
+get_app e884
+gif e908
+golf_course eb45
+gps_fixed e1b3
+gps_not_fixed e1b4
+gps_off e1b5
+grade e885
+gradient e3e9
+grain e3ea
+graphic_eq e1b8
+grid_off e3eb
+grid_on e3ec
+group e7ef
+group_add e7f0
+group_work e886
+hd e052
+hdr_off e3ed
+hdr_on e3ee
+hdr_strong e3f1
+hdr_weak e3f2
+headset e310
+headset_mic e311
+healing e3f3
+hearing e023
+help e887
+help_outline e8fd
+high_quality e024
+highlight e25f
+highlight_off e888
+history e889
+home e88a
+hot_tub eb46
+hotel e53a
+hourglass_empty e88b
+hourglass_full e88c
+http e902
+https e88d
+image e3f4
+image_aspect_ratio e3f5
+import_contacts e0e0
+import_export e0c3
+important_devices e912
+inbox e156
+indeterminate_check_box e909
+info e88e
+info_outline e88f
+input e890
+insert_chart e24b
+insert_comment e24c
+insert_drive_file e24d
+insert_emoticon e24e
+insert_invitation e24f
+insert_link e250
+insert_photo e251
+invert_colors e891
+invert_colors_off e0c4
+iso e3f6
+keyboard e312
+keyboard_arrow_down e313
+keyboard_arrow_left e314
+keyboard_arrow_right e315
+keyboard_arrow_up e316
+keyboard_backspace e317
+keyboard_capslock e318
+keyboard_hide e31a
+keyboard_return e31b
+keyboard_tab e31c
+keyboard_voice e31d
+kitchen eb47
+label e892
+label_outline e893
+landscape e3f7
+language e894
+laptop e31e
+laptop_chromebook e31f
+laptop_mac e320
+laptop_windows e321
+last_page e5dd
+launch e895
+layers e53b
+layers_clear e53c
+leak_add e3f8
+leak_remove e3f9
+lens e3fa
+library_add e02e
+library_books e02f
+library_music e030
+lightbulb_outline e90f
+line_style e919
+line_weight e91a
+linear_scale e260
+link e157
+linked_camera e438
+list e896
+live_help e0c6
+live_tv e639
+local_activity e53f
+local_airport e53d
+local_atm e53e
+local_bar e540
+local_cafe e541
+local_car_wash e542
+local_convenience_store e543
+local_dining e556
+local_drink e544
+local_florist e545
+local_gas_station e546
+local_grocery_store e547
+local_hospital e548
+local_hotel e549
+local_laundry_service e54a
+local_library e54b
+local_mall e54c
+local_movies e54d
+local_offer e54e
+local_parking e54f
+local_pharmacy e550
+local_phone e551
+local_pizza e552
+local_play e553
+local_post_office e554
+local_printshop e555
+local_see e557
+local_shipping e558
+local_taxi e559
+location_city e7f1
+location_disabled e1b6
+location_off e0c7
+location_on e0c8
+location_searching e1b7
+lock e897
+lock_open e898
+lock_outline e899
+looks e3fc
+looks_3 e3fb
+looks_4 e3fd
+looks_5 e3fe
+looks_6 e3ff
+looks_one e400
+looks_two e401
+loop e028
+loupe e402
+low_priority e16d
+loyalty e89a
+mail e158
+mail_outline e0e1
+map e55b
+markunread e159
+markunread_mailbox e89b
+memory e322
+menu e5d2
+merge_type e252
+message e0c9
+mic e029
+mic_none e02a
+mic_off e02b
+mms e618
+mode_comment e253
+mode_edit e254
+monetization_on e263
+money_off e25c
+monochrome_photos e403
+mood e7f2
+mood_bad e7f3
+more e619
+more_horiz e5d3
+more_vert e5d4
+motorcycle e91b
+mouse e323
+move_to_inbox e168
+movie e02c
+movie_creation e404
+movie_filter e43a
+multiline_chart e6df
+music_note e405
+music_video e063
+my_location e55c
+nature e406
+nature_people e407
+navigate_before e408
+navigate_next e409
+navigation e55d
+near_me e569
+network_cell e1b9
+network_check e640
+network_locked e61a
+network_wifi e1ba
+new_releases e031
+next_week e16a
+nfc e1bb
+no_encryption e641
+no_sim e0cc
+not_interested e033
+note e06f
+note_add e89c
+notifications e7f4
+notifications_active e7f7
+notifications_none e7f5
+notifications_off e7f6
+notifications_paused e7f8
+offline_pin e90a
+ondemand_video e63a
+opacity e91c
+open_in_browser e89d
+open_in_new e89e
+open_with e89f
+pages e7f9
+pageview e8a0
+palette e40a
+pan_tool e925
+panorama e40b
+panorama_fish_eye e40c
+panorama_horizontal e40d
+panorama_vertical e40e
+panorama_wide_angle e40f
+party_mode e7fa
+pause e034
+pause_circle_filled e035
+pause_circle_outline e036
+payment e8a1
+people e7fb
+people_outline e7fc
+perm_camera_mic e8a2
+perm_contact_calendar e8a3
+perm_data_setting e8a4
+perm_device_information e8a5
+perm_identity e8a6
+perm_media e8a7
+perm_phone_msg e8a8
+perm_scan_wifi e8a9
+person e7fd
+person_add e7fe
+person_outline e7ff
+person_pin e55a
+person_pin_circle e56a
+personal_video e63b
+pets e91d
+phone e0cd
+phone_android e324
+phone_bluetooth_speaker e61b
+phone_forwarded e61c
+phone_in_talk e61d
+phone_iphone e325
+phone_locked e61e
+phone_missed e61f
+phone_paused e620
+phonelink e326
+phonelink_erase e0db
+phonelink_lock e0dc
+phonelink_off e327
+phonelink_ring e0dd
+phonelink_setup e0de
+photo e410
+photo_album e411
+photo_camera e412
+photo_filter e43b
+photo_library e413
+photo_size_select_actual e432
+photo_size_select_large e433
+photo_size_select_small e434
+picture_as_pdf e415
+picture_in_picture e8aa
+picture_in_picture_alt e911
+pie_chart e6c4
+pie_chart_outlined e6c5
+pin_drop e55e
+place e55f
+play_arrow e037
+play_circle_filled e038
+play_circle_outline e039
+play_for_work e906
+playlist_add e03b
+playlist_add_check e065
+playlist_play e05f
+plus_one e800
+poll e801
+polymer e8ab
+pool eb48
+portable_wifi_off e0ce
+portrait e416
+power e63c
+power_input e336
+power_settings_new e8ac
+pregnant_woman e91e
+present_to_all e0df
+print e8ad
+priority_high e645
+public e80b
+publish e255
+query_builder e8ae
+question_answer e8af
+queue e03c
+queue_music e03d
+queue_play_next e066
+radio e03e
+radio_button_checked e837
+radio_button_unchecked e836
+rate_review e560
+receipt e8b0
+recent_actors e03f
+record_voice_over e91f
+redeem e8b1
+redo e15a
+refresh e5d5
+remove e15b
+remove_circle e15c
+remove_circle_outline e15d
+remove_from_queue e067
+remove_red_eye e417
+remove_shopping_cart e928
+reorder e8fe
+repeat e040
+repeat_one e041
+replay e042
+replay_10 e059
+replay_30 e05a
+replay_5 e05b
+reply e15e
+reply_all e15f
+report e160
+report_problem e8b2
+restaurant e56c
+restaurant_menu e561
+restore e8b3
+restore_page e929
+ring_volume e0d1
+room e8b4
+room_service eb49
+rotate_90_degrees_ccw e418
+rotate_left e419
+rotate_right e41a
+rounded_corner e920
+router e328
+rowing e921
+rss_feed e0e5
+rv_hookup e642
+satellite e562
+save e161
+scanner e329
+schedule e8b5
+school e80c
+screen_lock_landscape e1be
+screen_lock_portrait e1bf
+screen_lock_rotation e1c0
+screen_rotation e1c1
+screen_share e0e2
+sd_card e623
+sd_storage e1c2
+search e8b6
+security e32a
+select_all e162
+send e163
+sentiment_dissatisfied e811
+sentiment_neutral e812
+sentiment_satisfied e813
+sentiment_very_dissatisfied e814
+sentiment_very_satisfied e815
+settings e8b8
+settings_applications e8b9
+settings_backup_restore e8ba
+settings_bluetooth e8bb
+settings_brightness e8bd
+settings_cell e8bc
+settings_ethernet e8be
+settings_input_antenna e8bf
+settings_input_component e8c0
+settings_input_composite e8c1
+settings_input_hdmi e8c2
+settings_input_svideo e8c3
+settings_overscan e8c4
+settings_phone e8c5
+settings_power e8c6
+settings_remote e8c7
+settings_system_daydream e1c3
+settings_voice e8c8
+share e80d
+shop e8c9
+shop_two e8ca
+shopping_basket e8cb
+shopping_cart e8cc
+short_text e261
+show_chart e6e1
+shuffle e043
+signal_cellular_4_bar e1c8
+signal_cellular_connected_no_internet_4_bar e1cd
+signal_cellular_no_sim e1ce
+signal_cellular_null e1cf
+signal_cellular_off e1d0
+signal_wifi_4_bar e1d8
+signal_wifi_4_bar_lock e1d9
+signal_wifi_off e1da
+sim_card e32b
+sim_card_alert e624
+skip_next e044
+skip_previous e045
+slideshow e41b
+slow_motion_video e068
+smartphone e32c
+smoke_free eb4a
+smoking_rooms eb4b
+sms e625
+sms_failed e626
+snooze e046
+sort e164
+sort_by_alpha e053
+spa eb4c
+space_bar e256
+speaker e32d
+speaker_group e32e
+speaker_notes e8cd
+speaker_notes_off e92a
+speaker_phone e0d2
+spellcheck e8ce
+star e838
+star_border e83a
+star_half e839
+stars e8d0
+stay_current_landscape e0d3
+stay_current_portrait e0d4
+stay_primary_landscape e0d5
+stay_primary_portrait e0d6
+stop e047
+stop_screen_share e0e3
+storage e1db
+store e8d1
+store_mall_directory e563
+straighten e41c
+streetview e56e
+strikethrough_s e257
+style e41d
+subdirectory_arrow_left e5d9
+subdirectory_arrow_right e5da
+subject e8d2
+subscriptions e064
+subtitles e048
+subway e56f
+supervisor_account e8d3
+surround_sound e049
+swap_calls e0d7
+swap_horiz e8d4
+swap_vert e8d5
+swap_vertical_circle e8d6
+switch_camera e41e
+switch_video e41f
+sync e627
+sync_disabled e628
+sync_problem e629
+system_update e62a
+system_update_alt e8d7
+tab e8d8
+tab_unselected e8d9
+tablet e32f
+tablet_android e330
+tablet_mac e331
+tag_faces e420
+tap_and_play e62b
+terrain e564
+text_fields e262
+text_format e165
+textsms e0d8
+texture e421
+theaters e8da
+thumb_down e8db
+thumb_up e8dc
+thumbs_up_down e8dd
+time_to_leave e62c
+timelapse e422
+timeline e922
+timer e425
+timer_10 e423
+timer_3 e424
+timer_off e426
+title e264
+toc e8de
+today e8df
+toll e8e0
+tonality e427
+touch_app e913
+toys e332
+track_changes e8e1
+traffic e565
+train e570
+tram e571
+transfer_within_a_station e572
+transform e428
+translate e8e2
+trending_down e8e3
+trending_flat e8e4
+trending_up e8e5
+tune e429
+turned_in e8e6
+turned_in_not e8e7
+tv e333
+unarchive e169
+undo e166
+unfold_less e5d6
+unfold_more e5d7
+update e923
+usb e1e0
+verified_user e8e8
+vertical_align_bottom e258
+vertical_align_center e259
+vertical_align_top e25a
+vibration e62d
+video_call e070
+video_label e071
+video_library e04a
+videocam e04b
+videocam_off e04c
+videogame_asset e338
+view_agenda e8e9
+view_array e8ea
+view_carousel e8eb
+view_column e8ec
+view_comfy e42a
+view_compact e42b
+view_day e8ed
+view_headline e8ee
+view_list e8ef
+view_module e8f0
+view_quilt e8f1
+view_stream e8f2
+view_week e8f3
+vignette e435
+visibility e8f4
+visibility_off e8f5
+voice_chat e62e
+voicemail e0d9
+volume_down e04d
+volume_mute e04e
+volume_off e04f
+volume_up e050
+vpn_key e0da
+vpn_lock e62f
+wallpaper e1bc
+warning e002
+watch e334
+watch_later e924
+wb_auto e42c
+wb_cloudy e42d
+wb_incandescent e42e
+wb_iridescent e436
+wb_sunny e430
+wc e63d
+web e051
+web_asset e069
+weekend e16b
+whatshot e80e
+widgets e1bd
+wifi e63e
+wifi_lock e1e1
+wifi_tethering e1e2
+work e8f9
+wrap_text e25b
+youtube_searched_for e8fa
+zoom_in e8ff
+zoom_out e900
+zoom_out_map e56b
--- a/app/blog/static/blog/material-design-icons/iconfont/material-icons.css
+++ b/app/blog/static/blog/material-design-icons/iconfont/material-icons.css
@@ -0,0 +1,36 @@
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: local('Material Icons'),
+       local('MaterialIcons-Regular'),
+       url(MaterialIcons-Regular.woff2) format('woff2'),
+       url(MaterialIcons-Regular.woff) format('woff'),
+       url(MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}
--- a/app/blog/static/blog/materialize/LICENSE
+++ b/app/blog/static/blog/materialize/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2018 Materialize
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/app/blog/static/blog/materialize/README.md
+++ b/app/blog/static/blog/materialize/README.md
@@ -0,0 +1,91 @@
+<p align="center">
+  <a href="http://materializecss.com/">
+    <img src="http://materializecss.com/res/materialize.svg" width="150">
+  </a>
+</p>
+
+<h3 align="center">MaterializeCSS</h3>
+
+<p align="center">
+  Materialize, a CSS Framework based on material design.
+  <br>
+  <a href="http://materializecss.com/"><strong>-- Browse the docs --</strong></a>
+  <br>
+  <br>
+  <a href="https://travis-ci.org/Dogfalo/materialize">
+    <img src="https://travis-ci.org/Dogfalo/materialize.svg?branch=master" alt="Travis CI badge">
+  </a>
+  <a href="https://badge.fury.io/js/materialize-css">
+    <img src="https://badge.fury.io/js/materialize-css.svg" alt="npm version badge">
+  </a>
+  <a href="https://cdnjs.com/libraries/materialize">
+    <img src="https://img.shields.io/cdnjs/v/materialize.svg" alt="CDNJS version badge">
+  </a>
+  <a href="https://david-dm.org/Dogfalo/materialize">
+    <img src="https://david-dm.org/Dogfalo/materialize/status.svg" alt="dependencies Status badge">
+    </a>
+  <a href="https://david-dm.org/Dogfalo/materialize#info=devDependencies">
+    <img src="https://david-dm.org/Dogfalo/materialize/dev-status.svg" alt="devDependency Status badge">
+  </a>
+  <a href="https://gitter.im/Dogfalo/materialize">
+    <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge">
+  </a>
+</p>
+
+## Table of Contents
+- [Quickstart](#quickstart)
+- [Documentation](#documentation)
+- [Supported Browsers](#supported-browsers)
+- [Changelog](#changelog)
+- [Testing](#testing)
+- [Contributing](#contributing)
+- [Copyright and license](#copyright-and-license)
+
+## Quickstart:
+Read the [getting started guide](http://materializecss.com/getting-started.html) for more information on how to use materialize.
+
+- [Download the latest release](https://github.com/Dogfalo/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/Dogfalo/materialize/releases/))
+- Clone the repo: `git clone https://github.com/Dogfalo/materialize.git` (Beta: `git clone -b v1-dev https://github.com/Dogfalo/materialize.git`)
+- Include the files via [cdnjs](https://cdnjs.com/libraries/materialize). More [here](http://materializecss.com/getting-started.html). ([Beta](https://cdnjs.com/libraries/materialize/1.0.0-beta))
+- Install with [npm](https://www.npmjs.com): `npm install materialize-css` (Beta: `npm install materialize-css@next`)
+- Install with [Bower](https://bower.io): `bower install materialize` ([DEPRECATED](https://bower.io/blog/2017/how-to-migrate-away-from-bower/))
+- Install with [Atmosphere](https://atmospherejs.com): `meteor add materialize:materialize` (Beta: `meteor add materialize:materialize@=1.0.0-beta`)
+
+## Documentation
+The documentation can be found at <http://materializecss.com>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer.
+
+### Running documentation locally
+Run these commands to set up the documentation:
+
+```bash
+git clone https://github.com/Dogfalo/materialize
+cd materialize
+npm install
+```
+
+Then run `grunt monitor` to compile the documentation. When it finishes, open a new browser window and navigate to `localhost:8000`. We use [BrowserSync](https://www.browsersync.io/) to display the documentation.
+
+### Documentation for previous releases
+Previous releases and their documentation are available for [download](https://github.com/Dogfalo/materialize/releases).
+
+## Supported Browsers:
+Materialize is compatible with:
+
+- Chrome 35+
+- Firefox 31+
+- Safari 9+
+- Opera
+- Edge
+- IE 11+
+
+## Changelog
+For changelogs, check out [the Releases section of materialize](https://github.com/Dogfalo/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md).
+
+## Testing
+We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).
+
+## Contributing
+Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/Dogfalo/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
+
+## Copyright and license
+Code Copyright 2018 Materialize. Code released under the MIT license.
--- a/app/blog/static/blog/materialize/css/materialize.css
+++ b/app/blog/static/blog/materialize/css/materialize.css
--- a/app/blog/static/blog/materialize/css/materialize.min.css
+++ b/app/blog/static/blog/materialize/css/materialize.min.css
--- a/app/blog/static/blog/materialize/js/materialize.js
+++ b/app/blog/static/blog/materialize/js/materialize.js
--- a/app/blog/static/blog/materialize/js/materialize.min.js
+++ b/app/blog/static/blog/materialize/js/materialize.min.js
--- a/app/blog/templates/blog/about.html
+++ b/app/blog/templates/blog/about.html
@@ -0,0 +1,9 @@
+{% extends "blog/base.html" %}
+
+{% block content %}
+<div class="container">
+    <div class="row">
+        <h1>About page!</h1>
+    </div>
+</div>
+{% endblock content %}
--- a/app/blog/templates/blog/base.html
+++ b/app/blog/templates/blog/base.html
@@ -0,0 +1,90 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="ger">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <!--Let browser know website is optimized for mobile-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!--Import materialize.css-->
+    <link type="text/css" rel="stylesheet" href="{% static "blog/materialize/css/materialize.css" %}" media="screen,projection" />
+    <!-- import materialize icons css -->
+    <link type="text/css" rel="stylesheet" href="{% static "blog/material-design-icons/iconfont/material-icons.css"%}">
+    <!-- Import own css -->
+    <link type="text/css" rel="stylesheet" href="{% static "blog/main.css" %}" media="screen,projection" />
+    {% if title %}
+    <title>Bundesdata – {{ title }}</title>
+    {% else %}
+    <title>Bundesdata</title>
+    {% endif %}
+</head>
+
+<body class="blue-grey lighten-5">
+    <!-- Dropdown Structure -->
+    <ul id="dropdown_protocols" class="dropdown-content">
+        <li><a href="{% url "Protokoll-list" %}"><i class="material-icons left"">insert_drive_file</i>Protokolle</a></li>
+        <li><a href="{% url "Reden" %}"><i class="material-icons left"">insert_comment</i>Reden</a></li>
+    </ul>
+    <nav class="light-green darken-1 nav-extended">
+        <div class="container">
+            <div class="nav-wrapper">
+                <a href="/" class="brand-logo">Bundesdata</a>
+                <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+                <ul class="right hide-on-med-and-down">
+                    <li><a href="{% url "MdBs" %}"><i class="material-icons left"">account_circle</i>MdBs</a></li>
+                    <!-- Dropdown Trigger -->
+                    <li><a class="dropdown-trigger" href="#!" data-target="dropdown_protocols"><i class="material-icons left"">insert_drive_file</i>Dokumente<i class="material-icons right">arrow_drop_down</i></a></li>
+                    <li><a href="{% url "ngram-viewer-jahr" %}"><i class="material-icons left"">trending_up</i>Ngram Viewer</a></li>
+                    <li><a href="{% url "about-page" %}"><i class="material-icons left"">info_outline</i>Info</a></li>
+                </ul>
+            </div>
+            {% block nav-tabs %}
+            {% endblock nav-tabs %}
+    </nav>
+    <ul id="dropdown_protocols_side" class="dropdown-content">
+        <li><a href="{% url "Protokoll-list" %}"><i class="material-icons left"">insert_drive_file</i>Protokolle</a></li>
+        <li><a href="{% url "Reden" %}"><i class="material-icons left"">insert_comment</i>Reden</a></li>
+    </ul>
+    <ul class="sidenav" id="mobile-demo">
+        <li><a href="/" class="brand-logo">Bundesdata</a></li>
+        <li><a href="{% url "MdBs" %}}"><i class="material-icons"">account_circle</i>MdBs</a></li>
+        <li><a class="dropdown-trigger" href="#!" data-target="dropdown_protocols_side"><i class="material-icons left"">insert_drive_file</i>Dokumente<i class="material-icons right">arrow_drop_down</i></a></li>
+        <li><a href="{% url "ngram-viewer-jahr" %}"><i class="material-icons"">trending_up</i>Ngram Viewer</a></li>
+        <li><a href="{% url "about-page" %}"><i class="material-icons"">info_outline</i>Info</a></li>
+    </ul>
+
+    <main>
+        {% block content %}
+        {% endblock content %}
+    </main>
+
+    <footer class="page-footer light-green darken-1">
+        <div class="container">
+            <div class="row">
+                <div class="col s12">
+                    <h5 class="white-text">Bundesdata</h5>
+                    <p class="grey-text text-lighten-4">Ein Projekt für Politikinteressierte.</p>
+                </div>
+            </div>
+        </div>
+        <div class="footer-copyright">
+            <div class="container">
+                © 2019 Copyright <a class="grey-text text-lighten-4" href="#">Stephan Porada</a>
+                <a class="grey-text text-lighten-4 right" href="{% url "impressum" %}">Impressum</a>
+            </div>
+        </div>
+    </footer>
+    <!-- Optional JavaScript -->
+    <script src="{% static "blog/materialize/js/materialize.min.js" %}"></script>
+    <script>
+        M.AutoInit();
+        M.Dropdown.init(
+            document.querySelectorAll('.dropdown-trigger'),
+            {"coverTrigger": false}
+        )
+    </script>
+    <script src="{% static "blog/chartjs/Chart.bundle.js"%}"></script>
+</body>
+</html>
--- a/app/blog/templates/blog/blog.html
+++ b/app/blog/templates/blog/blog.html
@@ -0,0 +1,9 @@
+{% extends "blog/base.html" %}
+
+{% block content %}
+<div class="container">
+    <div class="row">
+        <h1>Blog page!</h1>
+    </div>
+</div>
+{% endblock content %}
--- a/app/blog/templates/blog/home.html
+++ b/app/blog/templates/blog/home.html
@@ -0,0 +1,208 @@
+{% extends "blog/base.html" %}
+{% load static %}
+
+{% block content %}
+<div class="parallax-container">
+    <div class="parallax"><img src="{% static "/blog/images/4116197.jpg" %}"></div>
+    <div class="section white hide-on-large-only">
+        <div class="row container">
+            <ul class="collection">
+                <li class="collection-item avatar">
+                    <a href="{% url "MdBs" %}"><i class="material-icons circle blue-grey">account_circle</i>
+                    <span class="title">Abgeordnete (MdBs)</span></a>
+                    <p class="grey-text text-darken-3 lighten-3">Profile aller Mitglieder des Deutschen Bundestags von 1949 bis heute.</p>
+                    <p class="grey-text text-darken-3 lighten-3">Durchsuch- und sortierbare Liste.</p>
+                </li>
+                <li class="collection-item avatar">
+                    <a href="{% url "Protokoll-list" %}"><i class="material-icons circle blue-grey">insert_drive_file</i>
+                    <span class="title">Protokolle</span></a>
+                    <p>Liste der Plenarprotokolle von 1949 bis einschließlich 2017.</p>
+                </li>
+                <li class="collection-item avatar">
+                    <a href="{% url "Reden" %}"><i class="material-icons circle blue-grey">insert_comment</i>
+                    <span class="title">Reden</span></a>
+                    <p>Übersicht über alle einzelnen Reden und Redebeiträge der Mitglieder des Bundestags von 1949 bis 2017.</p>
+                </li>
+                <li class="collection-item avatar">
+                    <a href="{% url "ngram-viewer-jahr" %}"><i class="material-icons circle blue-grey">trending_up</i>
+                    <span class="title">Ngram Viewer</span></a>
+                    <p>Mit dem Ngram Viewer können Begriffshäufigkeiten dargestellt werden.</p>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="container hide-on-med-and-down">
+        <div class="row" style="margin-top: 25px;">
+            <div class="col s12 m3 l3">
+                <div class="card medium hoverable">
+                    <div class="card-content">
+                        <p class="center-align"><i class="large material-icons blue-grey-text darken-4"">account_circle</i></p>
+                        <span class=" card-title">Abgeordnete (MdBs)</span>
+                                <p class="grey-text text-darken-3 lighten-3">Profile aller Mitglieder des Deutschen Bundestags von 1949 bis heute.</p>
+                    </div>
+                    <div class="card-action">
+                        <a href="{% url "MdBs" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zu den MdBs</span></a>
+                    </div>
+                </div>
+            </div>
+            <div class="col s12 m3 l3">
+                <div class="card medium hoverable">
+                    <div class="card-content">
+                        <p class="center-align"><i class="large material-icons blue-grey-text darken-4">insert_drive_file</i></p>
+                        <span class="card-title">Protokolle</span>
+                        <p class="grey-text text-darken-3 lighten-3">Liste der Plenarprotokolle von 1949 bis einschließlich 2017.</p>
+                    </div>
+                    <div class="card-action">
+                        <a href="{% url "Protokoll-list" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zu den Protokollen</span></a>
+                    </div>
+                </div>
+            </div>
+            <div class="col s12 m3 l3">
+                <div class="card medium hoverable">
+                    <div class="card-content">
+                        <p class="center-align"><i class="large material-icons blue-grey-text darken-4">insert_comment</i></p>
+                        <span class="card-title">Reden</span>
+                        <p class="grey-text text-darken-3 lighten-3">Übersicht über alle einzelnen Reden und Redebeiträge der Mitglieder des Bundestags von 1949 bis 2017.</p>
+                    </div>
+                    <div class="card-action">
+                        <a href="{% url "Reden" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zu den Reden</span></a>
+                    </div>
+                </div>
+            </div>
+            <div class="col s12 m3 l3">
+                <div class="card medium hoverable">
+                    <div class="card-content">
+                        <p class="center-align"><i class="large material-icons blue-grey-text darken-4">trending_up</i></p>
+                        <span class="card-title">Ngram Viewer</span>
+                        <p class="grey-text text-darken-3 lighten-3">Stellt Begriffshäufigkeiten der Reden über den Zeitram von 1949 bis 2017 dar.</p>
+                    </div>
+                    <div class="card-action">
+                        <a href="{% url "ngram-viewer-jahr" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zum Ngram Viewer</span></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="parallax-container">
+    <div class="section white">
+        <div class="row">
+            <div class="container grey-text text-darken-3 lighten-3">
+            <h4 class="header black-text">Das Projekt</h4>
+            <p">Das Projekt Bundesdata
+            möchte die Bundestagsplenarprotokolle für alle
+            Bürger und Bürgerinnen in einer strukturierten und einfachen Form
+            zugänglich und analysierbar machen sowie interaktive Statistiken zu diesen liefern.</p>
+            <p>Für dieses Unterfangen
+            wurden die von der Bundesregierung bereitgestellten XML-Versionen der
+            Bundestagsplenarprotokolle automatisch mit zusätzlichen Informationen
+            versehen und strukturiert. Mit den verschiednen Tools auf Bundesdata
+            können die Protokolle von 1949 bis 2017 einfach durchsucht und
+            deren Inhalte analysiert werden.</p>
+        </div>
+        </div>
+    </div>
+    <div class="parallax"><img src="{% static "/blog/images/4116197.jpg" %}"></div>
+</div>
+<div class="parallax-container">
+    <div class="section white">
+        <div class="row">
+            <div class="container grey-text text-darken-3 lighten-3">
+            <h4 class="header black-text">Die Tools</h4>
+            <p>Politikinteressierte können z.B.
+            recherchieren, welches <a href="{% url "MdBs" %}">Mitglied des Bundestags</a> zu welcher Zeit der
+            deutschen Geschichte welche <a href="{% url "Reden"%}">Reden oder Redebeiträge</a> im Bundestag
+            gehalten hat. Mit Hilfe des <a href="{% url "ngram-viewer-jahr"%}">Ngram Viewers</a> können Begriffe im Verlauf
+            der Zeit dargestellt werden, um geschichtliche und politische Ereignisse,
+            die sich in der Sprache der Reden widerspiegeln, sichtbar und analysierbar
+            zu machen.</p>
+            <p>Das Projekt ist im Rahmen einer Masterarbeit entstanden.
+            Mehr Informationen zum Projekt, der Arbeit, der Datengrundlage sowie der
+            automatischen Auszeichnung mit zusätzlichen Informationen und
+            Metadaten gibt es auf der <a href="{% url "about-page" %}">Info-Seite</a>.</p>
+        </div>
+        </div>
+    </div>
+    <div class="parallax"><img src="{% static "/blog/images/4116197.jpg" %}"></div>
+</div>
+<div class="parallax-container">
+    <div class="section white">
+        <div class="row ">
+            <div class="container grey-text text-darken-3 lighten-3">
+            <h4 class="header black-text">Datengrundlage</h4>
+            <p>Die Ausgangsdaten, welche für das Projekt genutzt wurden, sind für
+            alle Bürger und Bürgerinnen auf der
+            <a href="https://www.bundestag.de/service/opendata">Webseite des Bundestag</a>
+            frei zugänglich.</p>
+            <p>Im Rahmen einer Open
+            Data-Initiative stellt der deutsche Bundestag alle Plenarprotokolle
+            sowie die biografischen Daten aller Abgeordneten seit 1949 als
+            XML-Dateien zur Verfügung.</p>
+            <p>
+            Das Projekt Bundesdata umfasst alle XML-Protokolle der Wahlperioden 1.
+            bis 18. und deckt somit den Zeitraum von 1949 bis 2017 ab.<p>
+            </div>
+        </div>
+    </div>
+    <div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
+</div>
+<div class="parallax-container">
+    <div class="section white">
+        <div class="row ">
+            <div class="container grey-text text-darken-3 lighten-3">
+            <h4 class="header black-text">Automatische Auszeichnung</h4>
+            <p>Da die von derBundesregierung bereitstellen XML-Protokolle nur wenig
+            bis keine maschinenlesbare Informationen dazu enthalten, welcher
+            Abgeordnete oder welche Abgeordnete zu welchem Zeitpunkt einen Redebeitrag
+            im Bundestag hatte, sind die Ausgangsdaten im Rahmen des Projekts
+            automatisch mit weiteren Informationen angereichert und strukturiert
+            worden. Hierfür wurde eine eigene Software entwickelt, die die öffentlich verfügbaren XML-Protokolle automatisch mit zusätzliche Metadaten auszeichnet. Diese Auszeichnung ermöglicht es die Protokolle auf der Website strukturiert darzustellen und durchsuchbar zu machen. Ebenfalls können so auch erst die N-Gramme für den Ngram Viewer berechnet werden.</p>
+            </div>
+        </div>
+    </div>
+    <div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
+</div>
+<div class="parallax-container">
+    <div class="section white">
+        <div class="row ">
+            <div class="container grey-text text-darken-3 lighten-3">
+            <h4 class="header black-text">Quellcode für Software und Webanwendung</h4>
+            <p>
+            Der Quellcode für die eigens entwickelte Software, welche die automatische
+            Auszeichnung erstellt hat, kann auf <a href="https://gitlab.ub.uni-bielefeld.de/sporada/bundesdata_markup_nlp_software">GitLab</a> eingesehen und
+            heruntergeladen werden. Der Quellcode für die Webseite ist ebenfalls
+            auf <a href="https://gitlab.ub.uni-bielefeld.de/sporada/bundesdata_web_app">GitLab</a> verfügbar.</p>
+            </div>
+        </div>
+    </div>
+    <div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
+</div>
+<div class="parallax-container">
+    <div class="section white">
+        <div class="row ">
+            <div class="container grey-text text-darken-3 lighten-3">
+            <h4 class="header black-text">Download der ausgezeichneten Daten</h4>
+            <p>
+            Die für das Projekt mittels der eigenen Software erstellten XML-Protokolle sowie weitere Forschungsdaten können <a href="https://gitlab.ub.uni-bielefeld.de/sporada/bundesdata_markup_nlp_data"> hier heruntergeladen werden</a>.</p>
+            </div>
+        </div>
+    </div>
+    <div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
+</div>
+<div class="parallax-container">
+    <div class="section white">
+        <div class="row ">
+            <div class="container grey-text text-darken-3 lighten-3">
+            <h4 class="header black-text">Fehlerquoten und Probleme der Ausgangsdaten</h4>
+            <p>Die automatische Auszeichnung der Protokolle ist nicht gänzlich fehlerfrei.
+            Somit können Fehler bei der Darstellung der Reden auf der Website auftreten.
+            Wie hoch genau die einzelen Fehlerqouten sind, sowie weitere Informationen zum
+            Projekt, der Arbeit, der Datengrundlage und der automatischen Auszeichnung mit
+            zusätzlichen Informationen und Metadaten gibt es auf der
+            <a href="{% url "about-page" %}">Info-Seite</a>.</p>
+            </div>
+        </div>
+    </div>
+    <div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
+</div>
+{% endblock content %}
--- a/app/blog/templates/blog/impressum.html
+++ b/app/blog/templates/blog/impressum.html
@@ -0,0 +1,62 @@
+{% extends "blog/base.html" %}
+
+{% block content %}
+<div class="container">
+    <div class="row">
+        <div class="col s12">
+            <div class="card">
+                <div class="card-content">
+                    <span class="card-title">Impressum</span>
+
+                    <b>Angaben gemäß § 5 TMG</b>
+                    <br />
+                    <p>Stephan Porada<br />
+                        Bremer Straße 43<br />
+                        33613 Bielefeld</p>
+                    <br />
+                    <b>Kontakt</b>
+                    <br />
+                    <p>E-Mail: sporada@uni-bielefeld.de</p>
+                    <br />
+                    <b>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</b>
+                    <br />
+                    <p>Stephan Porada<br />
+                        Bremer Straße 43<br />
+                        33613 Bielefeld</p>
+                    <br />
+                    <b>Haftung für Inhalte</b>
+                    <br />
+                    <p>Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den
+                        allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht
+                        verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu
+                        forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
+                        Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen
+                        Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
+                        Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden
+                        Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
+                    <br />
+                    <p>Haftung für Links
+                        Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben.
+                        Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
+                        verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten
+                        2 / 4Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte
+                        waren zum Zeitpunkt der Verlinkung nicht erkennbar.
+                        Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer
+                        Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links
+                        umgehend entfernen.</p>
+                    <br />
+                    <p>Quelle:
+                        eRecht24</p>
+                    <br />
+                    <b>Quelle der Bilder:</b>
+                    <p>
+                        Bild 4094966.jpg auf der Homepage: (c) Deutscher Bundestag / Marc-Steffen Unger <br />
+                        Bild 4116197.jpg auf der Homepage: (c) Deutscher Bundestag / Thomas Köhler/photothek.net <br />
+                    </p>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock content %}
--- a/app/blog/tests.py
+++ b/app/blog/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
--- a/app/blog/urls.py
+++ b/app/blog/urls.py
@@ -0,0 +1,9 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path("blog/", views.blog, name="blog"),
+    path("about/", views.about, name="about-page"),
+    path("", views.home, name="home"),
+    path("impressum/", views.impressum, name="impressum"),
+]
--- a/app/blog/views.py
+++ b/app/blog/views.py
@@ -0,0 +1,17 @@
+from django.shortcuts import render
+
+
+def home(request):
+    return render(request, "blog/home.html", {"title": "Homepage"})
+
+
+def blog(request):
+    return render(request, "blog/blog.html")
+
+
+def about(request):
+    return render(request, "blog/about.html", {"title": "About"})
+
+
+def impressum(request):
+    return render(request, "blog/impressum.html", {"title": "Impressum"})
				`@@ -0,0 +1 @@`
				`(c) Deutscher Bundestag / Marc-Steffen Unger`
				`@@ -0,0 +1 @@`
				`(c) Deutscher Bundestag / Thomas Köhler/photothek.net`