1<!DOCTYPE html> 2<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 3<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 4<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> 5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 6 <head> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 9 <!-- normalize and html5 boilerplate resets --> 10 <link rel="stylesheet" href="templates/Skyline_v2/resources/css/reset.css"> 11 <link rel="stylesheet" href="templates/Skyline_v2/resources/css/less.build.css"> 12 13 <!--[if lte IE 9]> 14
14<script src="templates/Skyline_v2/resources/js/html5shiv.js"></script>
14 15
15<script src="templates/Skyline_v2/resources/js/html5shiv-printshiv.js"></script>
15 16 17 <![endif]--> 18 19 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 20 21 22<title>J. P. Bruce - Home</title> 23 24 25 26<meta name="description" content="James Patrick ("Jim") Bruce" /> 27<meta name="keywords" content="Ireland, podcast, history" /> 28 29 30 31 32 33 <style type="text/css" id="styleCSS"> 34 /* 35 Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/ 36*/ 37body { 38 background-color: #0c1c15; 39 40 41 background-repeat: repeat; 42 background-attachment: fixed; 43 background-position: top left; 44 background-size: auto; 45} 46 47/* IOS devices 'bgd-att: fixed' solution */ 48@media only screen and (max-device-width: 1366px) { 49 .bgd-attachment-fixed { 50 background-image: none; 51 } 52 .bgd-attachment-fixed:after { 53 content: ''; 54 position: fixed; 55 top: 0; 56 left: 0; 57 right: 0; 58 width: 100%; 59 height: 100%; 60 61 background-repeat: repeat; 62 background-position: top left; 63 background-size: auto; 64 z-index: -2; 65 } 66} 67 68.Text_2_Default, 69.yola_heading_container { 70 word-wrap: break-word; 71} 72 73.yola_bg_overlay { 74 display:table; 75 table-layout: fixed; 76 position:absolute; 77 min-height: 100%; 78 min-width: 100%; 79 width:100%; 80 height:100%; 81} 82.yola_outer_content_wrapper { 83 84 padding-right: 0rem; 85 padding-bottom: 2.5rem; 86 padding-left: 0rem; 87} 88.yola_inner_bg_overlay { 89 width:100%; 90 min-height: 100vh; 91 display: table-cell; 92 93 vertical-align: top; 94} 95.yola_outer_heading_wrap { 96 width:100%; 97 text-align: center; 98} 99.yola_heading_container { 100 margin: 0 auto; 101 max-width: 1280px; 102 background-color: #0c1c15; 103 104} 105.yola_inner_heading_wrap { 106 margin: 0 auto; 107 108} 109.yola_innermost_heading_wrap { 110 padding-left:0; 111 padding-right:0; 112 margin: 0 auto; 113 padding-top: 2.5rem; 114 padding-bottom: 2.5rem; 115} 116.yola_inner_heading_wrap.top nav, 117.yola_inner_heading_wrap.top div#yola_heading_block, 118.yola_inner_heading_wrap.bottom nav, 119.yola_inner_heading_wrap.bottom div#yola_heading_block { 120 padding-left: 9.4rem; 121 padding-right: 9.4rem; 122} 123.yola_inner_heading_wrap.left .yola_innermost_heading_wrap, 124.yola_inner_heading_wrap.right .yola_innermost_heading_wrap { 125 padding-left: 9.4rem; 126 padding-right: 9.4rem; 127} 128.yola_inner_heading_wrap h1 { 129 margin: 0; 130} 131#yola_nav_block { 132 height: 100%; 133} 134#yola_nav_block nav { 135 text-align: center; 136 137} 138#yola_nav_block nav ul{ 139 display:inline; 140} 141.yola_inner_heading_wrap.left #yola_heading_block { 142 float:left; 143} 144.yola_inner_heading_wrap.right #yola_heading_block { 145 float:right; 146} 147.yola_inner_heading_wrap.top #yola_nav_block { 148 padding:1.1rem 0 0 0; 149} 150.yola_inner_heading_wrap.right #yola_nav_block { 151 float:left; 152 padding:1.1rem 0 0 0; 153} 154.yola_inner_heading_wrap.bottom #yola_nav_block { 155 padding:0 0 1.1rem 0; 156} 157.yola_inner_heading_wrap.left #yola_nav_block { 158 float:right; 159 padding:1.1rem 0 0 0; 160} 161.yola_banner_wrap { 162 background-attachment: scroll; 163 text-align: center; 164 margin: 0 auto; 165 max-width: 1196px; 166 display: block; 167 background-position: center center; 168 background-size: cover; 169 background-repeat: no-repeat; 170 background-image: url(resources/32463561921_8ed2ff8e18_k.jpg); 171 background-color: #0c1c15; 172} 173.yola_inner_banner_wrap { 174 padding-left:0; 175 padding-right:0; 176 padding-top: 16.9rem; 177 padding-bottom: 16.9rem; 178 179} 180.yola_innermost_banner_wrap { 181 margin: 0 auto; 182 183} 184.yola_inner_nav_wrap { 185 margin: 0 auto; 186 max-width: 1280px; 187} 188.yola_banner_wrap nav ul.sys_navigation { 189 text-align: center; 190 padding-top:1.1rem; 191 padding-bottom:1.1rem; 192} 193.yola_banner_wrap h1 { 194 margin:0; 195 text-align: center; 196} 197.yola_site_tagline { 198 padding-top:0; 199 padding-bottom:0; 200 font-family: 'Montserrat'; 201 font-size: 3.1rem; 202 color: #ffffff; 203 text-decoration: none; 204 letter-spacing: 2px; 205 line-height: 1.5em; 206 text-transform: uppercase; 207 text-align: left; 208 padding-right: 9.4rem; 209 padding-left: 9.4rem; 210 211} 212.yola_site_tagline span { 213 display: inline-block; 214 215 216 217 218 219} 220ul.sys_navigation { 221 margin: 0; 222 padding: 0; 223 text-align: center; 224} 225ul.sys_navigation li { 226 display: inline; 227 list-style: none; 228 margin:0 40px 0 0; 229} 230.yola_inner_heading_wrap ul.sys_navigation li:last-child { 231 margin:0; 232} 233ul.sys_navigation li a{ 234 text-decoration: none; 235} 236 237div.ys_submenu { 238 margin-top: 8px; 239} 240 241.yola_content_wrap { 242 margin:0 auto; 243 max-width: 1280px; 244 background-color: #0c1c15; 245 246} 247.yola_content_column { 248 margin:0 auto; 249 250} 251 252.yola_inner_content_column { 253 margin:0 auto; 254 255 padding-top: 3rem; 256 padding-right: 3rem; 257 padding-bottom: 3rem; 258 padding-left: 3rem; 259} 260.yola_inner_footer_wrap { 261 padding: 0 20px; 262} 263div[id*='sys_region_'] { 264 padding-left: 0 ! important; 265 padding-right: 0 ! important; 266} 267.yola_site_logo { 268 269 max-width:100%; 270} 271#sys_heading.yola_hide_logo img { 272 display:none; 273} 274#sys_heading.yola_hide_logo span { 275 display:inline; 276} 277a#sys_heading.yola_show_logo { 278 font-size:14px; 279} 280#sys_heading.yola_show_logo img { 281 display:inline; 282} 283#sys_heading.yola_show_logo span { 284 display:none; 285} 286.yola_footer_wrap { 287 margin:0 auto; 288 max-width: 1280px; 289 290} 291.yola_footer_column { 292 margin:0 auto; 293 294 display: none; 295} 296footer { 297 padding-top: 2.5rem; 298 padding-right: 3.8rem; 299 padding-bottom: 2.5rem; 300 padding-left: 3.8rem; 301 font-family: 'Lato'; 302 font-size: 1rem; 303 color: #7a7a7a; 304 line-height: 1.5em; 305 306 text-transform: none; 307 308}
309span.yola_footer_socialbuttons { 310 display:inline-block; 311 line-height:0; 312 margin:0; 313 padding:0; 314 display:inline-block; 315 position:static; 316 float:left; 317 width:146px; 318 height:20px; 319 display: none; 320} 321.sys_yola_form .submit, 322.sys_yola_form input.text, 323.sys_yola_form input.email, 324.sys_yola_form input.tel, 325.sys_yola_form input.url, 326.sys_yola_form textarea { 327 font-family: 'Gill Sans MT','sans-serif'; 328 font-size: 1rem; 329 line-height: 1.5em; 330 331 text-transform: none; 332} 333div.sys_yola_form { 334 padding:0 !important; 335} 336div.sys_yola_form form { 337 margin:0 !important; 338 padding:0 !important; 339} 340.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p { 341 margin-top:0; 342} 343div[id*='sys_region_'] { 344 padding:0 !important; 345} 346.sys_layout blockquote { 347 margin-top: 10px; 348 margin-bottom: 10px; 349 margin-left: 50px; 350 padding-left: 15px; 351 border-left: 3px solid #ffd480;; 352 353 font-style: italic; 354 355 356 357 358 359} 360.sys_layout blockquote, 361.sys_layout blockquote h1, 362.sys_layout blockquote h2, 363.sys_layout blockquote h3, 364.sys_layout blockquote h4, 365.sys_layout blockquote h5, 366.sys_layout blockquote h6, 367.sys_layout blockquote p { 368 369} 370.sys_layout p,.sys_layout pre {margin:0 0 1.5em 0} 371.sys_layout h2,.sys_layout h3,.sys_layout h4,.sys_layout h5,.sys_layout h6 { margin:0 0 0.5em 0 } 372.sys_layout dl, .sys_layout menu,.sys_layout ol,.sys_layout ul{margin:0 0 1.5em 0} 373 374.mob_menu { 375 display: none; 376} 377 378.new-text-widget img, .old_text_widget img { 379 max-width: 100%; 380} 381 382 383@media only screen and (max-width : 736px) { 384 html { 385 font-size: 80%; 386 } 387 388 body .m_inherit_width { 389 width: inherit; 390 } 391 392 .small_device_hide { 393 opacity: 0; 394 } 395 396 /* Remove display table so that fixefox can understand max-width */ 397 .yola_bg_overlay, .yola_inner_bg_overlay { 398 display: block; 399 } 400 401 /* Zero out padding of the heading wrapper */ 402 .yola_inner_heading_wrap.top .yola_innermost_heading_wrap, 403 .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap, 404 .yola_inner_heading_wrap.left .yola_innermost_heading_wrap, 405 .yola_inner_heading_wrap.right .yola_innermost_heading_wrap { 406 padding-left: 0; 407 padding-right: 0; 408 } 409 410 /* Make all image widgets center aligned */ 411 .Image_Default img { 412 display: block; 413 margin: 0 auto; 414 } 415 416 /* Center button widgets in column dividers */ 417 .column_divider .sys_button { 418 text-align: center; 419 } 420 421 /* Make column dividers snap to one over another */ 422 .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block { 423 float: none; 424 } 425 426 #sys_heading { 427 word-wrap: break-word; 428 word-break: break-word; 429 } 430 431 body .column_divider .left, body .column_divider .right { 432 width: 100%; 433 padding-left: 0; 434 padding-right: 0; 435 } 436 437 .mob_menu a:visited { 438 color: #fff; 439 } 440 441 .mob_menu { 442 display: block; 443 z-index: 1; 444 background: #0c1c15;; 445 background: rgba(12,28,21,1.00);; 446 ; 447 } 448 449 .mob_menu.menu_open { 450 position: absolute; 451 min-height: 100%; 452 padding: 1rem 0 0 0; 453 margin: 0; 454 top: 0; 455 left: 0; 456 right: 0; 457 } 458 459 .yola_outer_content_wrapper { 460 display: block; 461 padding-top: 0; 462 } 463 464 .mob_menu_overlay { 465 display: none; 466 text-transform: uppercase; 467 } 468 469 .menu_open .mob_menu_overlay { 470 display: block; 471 } 472 473 .mob_menu_toggle { 474 display: block; 475 padding-top: 5%; 476 padding-bottom: 6%; 477 text-align: center; 478 color: #666; 479 cursor: pointer; 480 } 481 .mob_submenu_toggle { 482 list-style: none; 483 text-align: center; 484 padding: 0; 485 margin: 0; 486 } 487 488 .new-text-widget img, .old_text_widget img { 489 height: auto; 490 } 491 492 #sys_heading span { 493 font-size: 35px; 494 } 495 .sys_navigation { 496 display: none; 497 } 498 499 .mobile_ham { 500 stroke: #ffffff; 501 } 502 503 .mobile_quit {
504 display: none; 505 } 506 507 .menu_open .mobile_ham { 508 display: none; 509 } 510 511 .menu_open .mobile_quit { 512 display: inline; 513 stroke: #ffffff; 514 } 515 516 .mob_menu_list { 517 font-family: 'Montserrat'; 518 font-weight: lighter; 519 margin: 0; 520 font-size: 2.2em; 521 line-height: 2; 522 letter-spacing: 0.1em; 523 list-style: none; 524 text-align: center; 525 padding: 0; 526 -webkit-animation-duration: .2s; 527 -webkit-animation-fill-mode: both; 528 -webkit-animation-name: fadeInUp; 529 -moz-animation-duration: .2s; 530 -moz-animation-fill-mode: both; 531 -moz-animation-name: fadeInUp; 532 -o-animation-duration: .2s; 533 -o-animation-fill-mode: both; 534 -o-animation-name: fadeInUp; 535 animation-duration: .2s; 536 animation-fill-mode: both; 537 animation-name: fadeInUp; 538 } 539 540 .mob_menu_overlay .mob_menu_list a { 541 color: #ffffff; 542 } 543 544 .mob_more_toggle { 545 display: inline-block; 546 cursor: pointer; 547 background: none; 548 border: none; 549 outline: none; 550 margin-left: 8px; 551 stroke: #ffffff; 552 } 553 554 .up_arrow { 555 display: none; 556 } 557 558 .sub_menu_open svg .down_arrow { 559 display: none; 560 } 561 562 .sub_menu_open .up_arrow { 563 display: inline; 564 } 565 566 .mob_menu_overlay .mob_menu_list .selected a { 567 color: #db5021; 568 } 569 570 .sub_menu_open a { 571 color: #db5021; 572 } 573 574 .mob_menu_list .sub_menu_open a { 575 color: #db5021; 576 } 577 578 .sub_menu_open .mob_more_toggle { 579 stroke: #db5021; 580 } 581 582 .mob_submenu_list { 583 font-family: 'Montserrat'; 584 font-weight: lighter; 585 list-style: none; 586 text-align: center; 587 padding: 0 0 5% 0; 588 margin: 0; 589 line-height: 1.6; 590 display: none; 591 -webkit-animation-duration: .2s; 592 -webkit-animation-fill-mode: both; 593 -webkit-animation-name: fadeInUp; 594 -moz-animation-duration: .2s; 595 -moz-animation-fill-mode: both; 596 -moz-animation-name: fadeInUp; 597 -o-animation-duration: .2s; 598 -o-animation-fill-mode: both; 599 -o-animation-name: fadeInUp; 600 animation-duration: .2s; 601 animation-fill-mode: both 602 animation-name: fadeInUp; 603 } 604 605 .sub_menu_open .mob_submenu_list{ 606 display: block; 607 } 608 609 .mob_submenu_items { 610 font-size: 0.75em; 611 } 612 .mob_menu_list .mob_nav_selected { 613 color: #db5021; 614 } 615 616 .menu_open ~ .yola_outer_content_wrapper { 617 display: none; 618 } 619 620 @-webkit-keyframes fadeInUp { 621 0% { 622 opacity: 0; 623 -webkit-transform: translate3d(0, 100%, 0); 624 transform: translate3d(0, 100%, 0); 625 } 626 100% { 627 opacity: 1; 628 -webkit-transform: none; 629 transform: none; 630 } 631 } 632 633 @-moz-keyframes fadeInUp { 634 0% { 635 opacity: 0; 636 -moz-transform: translate3d(0, 100%, 0); 637 transform: translate3d(0, 100%, 0); 638 } 639 100% { 640 opacity: 1; 641 -moz-transform: none; 642 transform: none; 643 } 644 } 645 646 @-o-keyframes fadeInUp { 647 0% { 648 opacity: 0; 649 -o-transform: translate3d(0, 100%, 0); 650 transform: translate3d(0, 100%, 0); 651 } 652 100% { 653 opacity: 1; 654 -o-transform: none; 655 transform: none; 656 } 657 } 658 659 @keyframes fadeInUp { 660 0% { 661 opacity: 0; 662 transform: translate3d(0, 100%, 0); 663 } 664 100% { 665 opacity: 1; 666 transform: none; 667 } 668 } 669} 670 671 672 </style> 673 674
675<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
675 676 677 <style type="text/css"> 678 @import url("//fonts.sitebuilderhost.net/css?family=Montserrat%3Aregular|Lato%3Aregular|Palanquin%3Aregular&subset=latin,latin-ext"); 679 </style> 680 681 <style type="text/css" id="styleOverrides"> 682 /* ====================== 683* 684* Site Style Settings 685* 686=========================*/ 687/* Paragraph text (p) */ 688 689.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout { 690 font-family: 'Gill Sans MT','sans-serif'; 691 692 font-size: 1rem; 693 color: #ffd480; 694 line-height: 1.5em; 695 696 text-transform: none; 697} 698 699/* Navigation */ 700.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a { 701 font-family: 'Montserrat'; 702 703 font-size: 0.9rem; 704 color: #ffffff; 705 text-decoration: none; 706 letter-spacing: 1px; 707 line-height: 1.5em; 708 text-transform: uppercase; 709} 710 711 712/* Navigation:selected */ 713div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a { 714 color: #db5021; 715} 716 717/* Navigation:hover */ 718div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover { 719 color: #db5021; 720} 721 722/* Site Title */ 723#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a { 724 font-family: 'Lato'; 725 726 font-size: 2.2rem; 727 color: #878080; 728 text-decoration: none; 729 letter-spacing: 1px; 730 line-height: 1.5em; 731 text-transform: uppercase; 732} 733 734/* Hyperlinks (a, a:hover, a:visited) */ 735a, .sys_txt a:link, .sys_layout a:link {color: #db5021;} 736a, .sys_txt a:link, .sys_layout a:link {text-decoration: none;} 737a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #db5021;} 738a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #797979;} 739a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;} 740 741/* Headings (h2, h3, h4, h5, h6) */ 742.sys_layout h2, .sys_txt h2 { 743 font-family: 'Palanquin'; 744 745 font-size: 1.9rem; 746 color: #ffd480; 747 text-decoration: none; 748 letter-spacing: 2px; 749 line-height: 1.5em; 750 text-transform: none; 751} 752 753.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited { 754 font-family: 'Palanquin'; 755 756 font-size: 1.9rem; 757 color: #ffd480; 758 letter-spacing: 2px; 759 line-height: 1.5em; 760 text-transform: none; 761} 762 763.sys_layout h3, .sys_txt h3 { 764 font-family: 'Lato'; 765 766 font-size: 1.1rem; 767 color: #7a7a7a; 768 text-decoration: none; 769 letter-spacing: 1px; 770 line-height: 1.5em; 771 text-transform: uppercase; 772} 773 774.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited { 775 font-family: 'Lato'; 776 777 font-size: 1.1rem; 778 color: #7a7a7a; 779 letter-spacing: 1px; 780 line-height: 1.5em; 781 text-transform: uppercase; 782} 783 784.sys_layout h4, .sys_txt h4 { 785 font-family: 'Lato'; 786 787 font-size: 1rem; 788 color: #ffffff; 789 text-decoration: none; 790 letter-spacing: 1px; 791 line-height: 1.5em; 792 text-transform: uppercase; 793} 794 795.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited { 796 font-family: 'Lato'; 797 798 font-size: 1rem; 799 color: #ffffff; 800 letter-spacing: 1px; 801 line-height: 1.5em; 802 text-transform: uppercase; 803} 804 805.sys_layout h5, .sys_txt h5 { 806 font-family: 'Lato'; 807 808 font-size: 0.8rem; 809 color: #7a7a7a; 810 text-decoration: none; 811 letter-spacing: 1px; 812 line-height: 1.5em; 813 text-transform: uppercase; 814} 815 816.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited { 817 font-family: 'Lato'; 818 819 font-size: 0.8rem; 820 color: #7a7a7a; 821 letter-spacing: 1px; 822 line-height: 1.5em; 823 text-transform: uppercase; 824} 825 826.sys_layout h6, .sys_txt h6 { 827 font-family: 'Lato'; 828 829 font-size: 0.7rem; 830 color: #7a7a7a; 831 832 letter-spacing: 1px; 833 line-height: 1.5em; 834 text-transform: uppercase; 835} 836 837.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited { 838 font-family: 'Lato'; 839 840 font-size: 0.7rem; 841 color: #7a7a7a; 842 letter-spacing: 1px; 843 line-height: 1.5em; 844 text-transform: uppercase; 845} 846 847/*button widget*/ 848.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 849 display:inline-block; 850 text-decoration: none; 851} 852.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 853 cursor:pointer; 854} 855.sys_layout .sys_button a { 856 cursor:default; 857} 858 859.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link { 860 border-radius:0px; 861} 862.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link { 863 border-radius:3px; 864} 865.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link { 866 border-radius:90px; 867} 868 869/*button sizes*/ 870.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: 'Montserrat';font-weight: ''regular'';font-size: 0.8rem;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1.5rem;padding-right:1.5rem;} 871.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Montserrat';font-size: 1rem;padding-top:0.8rem;padding-bottom:0.8rem;padding-left:2.5rem;padding-right:2.5rem;} 872.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: 'Montserrat';font-weight: 'regular';font-size: 1.3rem;padding-top:1.3rem;padding-bottom:1.3rem;padding-left:3.1rem;padding-right:3.1rem;} 873 874/*button styles:small*/ 875.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link { 876 border-color:rgba(219,80,33,1.00); 877 color: rgba(219,80,33,1.00); 878 border-style: solid; 879 border-width: 2px; 880} 881.sys_layout .sys_button.small.outline a:visited { 882 color: rgba(219,80,33,1.00); 883} 884.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link { 885 background-color: #db5021; 886 887 color: #ffffff; 888 border-color:rgba(219,80,33,1.00); 889 border-style: solid; 890 border-width: 2px; 891} 892.sys_layout .sys_button.small.solid a:visited { 893 color: #ffffff; 894} 895.sys_layout .sys_button.small.outline a:hover { 896 background-color: rgba(219,80,33,1.00); 897 color: #ffffff; 898 text-decoration: none; 899} 900 901/*button styles:medium*/ 902.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link { 903 border-color:rgba(219,80,33,1.00); 904 color: rgba(219,80,33,1.00); 905 border-style: solid; 906 border-width: 2px; 907} 908.sys_layout .sys_button.medium.outline a:visited { 909 color: rgba(219,80,33,1.00); 910} 911.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link { 912 background-color: #db5021; 913 914 color: #ffffff; 915 border-color:rgba(219,80,33,1.00); 916 border-style: solid; 917 border-width: 2px; 918} 919.sys_layout .sys_button.medium.solid a:visited { 920 color: #ffffff; 921} 922.sys_layout .sys_button.medium.outline a:hover { 923 background-color: rgba(219,80,33,1.00); 924 color: #ffffff; 925 text-decoration: none; 926} 927/*button styles:large*/ 928.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link { 929 border-color:rgba(219,80,33,1.00); 930 color: rgba(219,80,33,1.00); 931 border-style: solid; 932 border-width: 2px; 933} 934.sys_layout .sys_button.large.outline a:visited { 935 color: rgba(219,80,33,1.00); 936} 937.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link { 938 background-color: #db5021; 939 940 color: #ffffff; 941 border-color:rgba(219,80,33,1.00); 942 border-style: solid; 943 border-width: 2px; 944} 945.sys_layout .sys_button.large.solid a:visited { 946 color: #ffffff; 947} 948.sys_layout .sys_button.large.outline a:hover { 949 background-color: rgba(219,80,33,1.00); 950 color: #ffffff; 951 text-decoration: none; 952} 953 954.sys_layout .sys_button.solid a:hover { 955 text-decoration: none; 956 opacity: .8; 957} </style> 958 959 960 961 962
963<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 963
963
964<script type="text/javascript">window.jQuery || document.write('
964<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
964 965<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001144" />
966<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001144"></script>
966 967<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001144" /> 968 969
970<script type="text/javascript"> 971 var swRegisterManager = { 972 goals: [], 973 add: function(swGoalRegister) { 974 this.goals.push(swGoalRegister); 975 }, 976 registerGoals: function() { 977 while(this.goals.length) { 978 this.goals.shift().call(); 979 } 980 } 981 }; 982 983 window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager); 984</script>
984 985 986 987 988 989 990 991 </head> 992 <body lang="en" class="bgd-attachment-fixed"> 993 994 <div id="sys_background" class="yola_bg_overlay"> 995 <div class="yola_inner_bg_overlay"> 996 <div class="yola_outer_content_wrapper"> 997 <header role="header"> 998 <div class="yola_outer_heading_wrap"> 999 <div class="yola_heading_container"> 1000 <div class="yola_inner_heading_wrap left"> 1001 <div class="yola_innermost_heading_wrap"> 1002 <nav class="mob_menu"> 1003 <div class="mob_menu_toggle"><!--Mobile Nav Toggle--> 1004 <svg class="mobile_ham" width="40" height="25"> 1005 <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/> 1006 <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/> 1007 <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/> 1008 </svg> 1009 <svg class="mobile_quit" width="26" height="50"> 1010 <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/> 1011 <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/> 1012 </svg> 1013 </div> 1014 <div class="mob_menu_overlay"> <!--Mobile Nav Overlay--> 1015 <ul class="mob_menu_list"> 1016 <li class="selected"> 1017 <a href="./" title="Home">Home</a> 1018 </li> 1019 <li class=""> 1020 <a href="publications.php" title="Publications">Publications</a> 1021 <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 1022 <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" /> 1023 <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" /> 1024 <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" /> 1025 <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" /> 1026 <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" /> 1027 </svg> 1028 <ul class="mob_submenu_list"> 1029 <li> 1030 <a class="mob_submenu_items" href="television-doesnt-like-rebels.php" title="television-doesn't-like-rebels">TELEVISION DOESN'T LIKE REBELS</a> 1031 </li> 1032 <li> 1033 <a class="mob_submenu_items" href="Into-the-Memory-Hole.php" title="Into the Memory Hole">Into the Memory Hole</a> 1034 </li> 1035 <li> 1036 <a class="mob_submenu_items" href="irelands-hope.php" title="Ireland's Hope">Ireland's Hope</a> 1037 </li> 1038 </ul> 1039 </li> 1040 <li class=""> 1041 <a href="podcasts.php" title="Podcasts">Podcasts</a> 1042 </li> 1043 <li class=""> 1044 <a href="blogs.php" title="Blogs">Blogs</a> 1045 </li> 1046 <li class=""> 1047 <a href="Chronology.php" title="Chronology">Chronology</a> 1048 </li> 1049 <li class=""> 1050 <a href="news.php" title="News">News</a> 1051 </li> 1052 <li class=""> 1053 <a href="Contact.php" title="Contact">Contact</a> 1054 </li> 1055 </ul> 1056 </div> 1057 </nav> 1058 <div id="yola_heading_block"> <!--Title / Logo--> 1059 <h1> 1060 <a id="sys_heading" class="yola_hide_logo" href="./"> 1061 <img class="yola_site_logo" src="" alt="James P. Bruce" >
1062 <span>James P. Bruce</span> 1063 </a> 1064 </h1> 1065 </div> 1066 <div id="yola_nav_block"> <!--Nav--> 1067 <nav role="navigation"> 1068 <div class="sys_navigation"> 1069 <ul class="sys_navigation"> 1070 <li id="ys_menu_0"class="selected"> 1071 <a href="./" title="Home">Home</a> 1072 </li> 1073 <li id="ys_menu_1"> 1074 <a href="publications.php" title="Publications">Publications</a> 1075 </li> 1076 <li id="ys_menu_2"> 1077 <a href="podcasts.php" title="Podcasts">Podcasts</a> 1078 </li> 1079 <li id="ys_menu_3"> 1080 <a href="blogs.php" title="Blogs">Blogs</a> 1081 </li> 1082 <li id="ys_menu_4"> 1083 <a href="Chronology.php" title="Chronology">Chronology</a> 1084 </li> 1085 <li id="ys_menu_5"> 1086 <a href="news.php" title="News">News</a> 1087 </li> 1088 <li id="ys_menu_6"> 1089 <a href="Contact.php" title="Contact">Contact</a> 1090 </li> 1091 </ul> 1092 <div id="ys_submenu_1" class="ys_submenu"> 1093 <div class='ys_submenu_inner'> 1094 <ul> 1095 <li> 1096 <a href="television-doesnt-like-rebels.php">TELEVISION DOESN'T LIKE REBELS</a> 1097 </li> 1098 <li> 1099 <a href="Into-the-Memory-Hole.php">Into the Memory Hole</a> 1100 </li> 1101 <li> 1102 <a href="irelands-hope.php">Ireland's Hope</a> 1103 </li> 1104 </ul> 1105 </div> 1106 </div> 1107
1108<script> 1109/* jshint ignore:start */ 1110$(document).ready(function() { 1111 flyoutMenu.initFlyoutMenu( 1112 [{"name":"Home","title":"Home","href":".\/","children":[]},{"name":"Publications","title":"Publications","href":"publications.php","children":[{"name":"TELEVISION DOESN'T LIKE REBELS","title":"television-doesn't-like-rebels","href":"television-doesnt-like-rebels.php"},{"name":"Into the Memory Hole","title":"Into the Memory Hole","href":"Into-the-Memory-Hole.php"},{"name":"Ireland's Hope","title":"Ireland's Hope","href":"irelands-hope.php"}]},{"name":"Podcasts","title":"Podcasts","href":"podcasts.php","children":[]},{"name":"Blogs","title":"Blogs","href":"blogs.php","children":[]},{"name":"Chronology","title":"Chronology","href":"Chronology.php","children":[]},{"name":"News","title":"News","href":"news.php","children":[]},{"name":"Contact","title":"Contact","href":"Contact.php","children":[]}] 1113 , 'flyover'); 1114}); 1115/* jshint ignore:end */ 1116</script>
1116 1117 1118 </div> 1119 </nav> 1120 </div> 1121 <div style="padding:0; height:0; clear:both;"> </div> 1122 </div> 1123 </div> 1124 </div> 1125 <div id="sys_banner" class="yola_banner_wrap"> 1126 <div class="yola_inner_banner_wrap"> 1127 <div class="yola_innermost_banner_wrap"> 1128 <h2 class="yola_site_tagline" style="display:none"><span></span></h2> 1129 </div> 1130 </div> 1131 </div> 1132 </div> 1133 </header> 1134 1135 <main class="yola_content_wrap" role="main"> 1136 <div class="yola_content_column"> 1137 <div class="yola_inner_content_column clearFix"> 1138 <style media="screen"> 1139 .layout_1-column { 1140 width: 100%; 1141 padding: 0; 1142 margin: 0; 1143 } 1144 1145 .layout_1-column:after { 1146 content: ""; 1147 display: table; 1148 clear: both; 1149 } 1150 1151 .zone_top { 1152 margin: 0; 1153 padding: 5px; 1154 vertical-align: top; 1155 line-height: normal; 1156 min-width: 100px; 1157 } 1158</style> 1159 1160<div class="layout_1-column sys_layout"> 1161 <div id="layout_row1"> 1162 <div id="sys_region_1" class="zone_top" ><div id="Idbb95a178d904c79993a99f121cd57ca" style="display:block;clear: both;" class="Panel_Default"> <style id='yola-panel-style-Idbb95a178d904c79993a99f121cd57ca' type='text/css'> 1163 1164 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca, 1165 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca p, 1166 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt, 1167 .content div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca p, 1168 #content div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca p, 1169 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .HTML_Default p, 1170 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .Text_Default p, 1171 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt p, 1172 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt p a, 1173 div#content div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca p{ 1174 color:#ffd480; 1175 } 1176 1177 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca h1, 1178 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca h2, 1179 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca h3, 1180 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca h4, 1181 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca h5, 1182 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca h6, 1183 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt h1, 1184 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt h2, 1185 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt h3, 1186 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt h4, 1187 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt h5, 1188 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt h6{ 1189 color:#ffd480; 1190 } 1191 1192 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca a, 1193 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt a{ 1194 color:#ffffff; 1195 } 1196 1197 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca a:hover, 1198 div#yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca .sys_txt a:hover{ 1199 color:#ffffff; 1200 } 1201 1202 div#Panel_Idbb95a178d904c79993a99f121cd57ca { 1203 max-width: 1200px; 1204 margin: 0 auto;;; 1205 } 1206 1207 #yola-panel-Idbb95a178d904c79993a99f121cd57ca { 1208 display: table;width: 100%;height: 0vh;min-height: 0vh;position:relative; 1209 } 1210 1211 #yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca { 1212 display: table-cell;vertical-align: middle;padding:3rem 2rem 1rem 2rem;position:relative; 1213 } 1214 1215 #yola-panel-background-Idbb95a178d904c79993a99f121cd57ca { 1216 background:#0c1c15;background-position:top left;background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none; 1217 } 1218 1219 1220 </style> 1221 1222 <div id='yola-panel-Idbb95a178d904c79993a99f121cd57ca'> 1223 <div 1224 id='yola-panel-background-Idbb95a178d904c79993a99f121cd57ca' 1225 > 1226 </div> 1227 <div id='yola-panel-inner-Idbb95a178d904c79993a99f121cd57ca'> 1228 <div id="Panel_Idbb95a178d904c79993a99f121cd57ca" style="text-align:left; vertical-align:top;" ><div id="I66d02eb5ff6f40da9a53461b74c0d149" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css"> 1229 div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;} 1230 div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;} 1231 div.sys_text_widget img{margin:4px;} 1232 div.sys_text_widget { 1233 overflow: hidden; 1234 margin: 0; 1235 padding: 0; 1236 color: ; 1237 font: ; 1238 background-color: ; 1239 } 1240</style> 1241 1242<div id="I66d02eb5ff6f40da9a53461b74c0d149_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><h2 style="color: #ffcc66;" class="over_outline">BIOGRAPHY<img src="resources/862px-Arms_of_Ireland_(historical).svg.png?timestamp=1568203573687" height="133" style="float: right; width: 112px;" class="float-right"></h2> 1243<p style="color: #ffcc66;" class="over_outline">Jim Bruce, or James Patrick as he was christened, was born and raised in south inner-city Dublin, Ireland.</p> 1244<p class="over_outline">He spent the greater part of his adult life in banking. At first he carried out the typical duties of a junior official in a city centre branch, cashing cheques, taking in lodgments, keeping customer accounts up to date, that sort of thing. Then later, he moved into a new area where he learnt the techniques of marketing and market research. Finally he ended up in a small unit that measured satisfaction among the bank's customers and staff.</p> 1245<p class="over_outline">In 1997 Jim left the bank and set up Customers For Life Ltd. As an independent consultant he supported those who wished to bring the voice of the customer to the forefront of their organisations, but were not quite sure how to go about it.</p> 1246<p class="over_outline">In 2008 Jim enrolled as a history student in Trinity College Dublin. Four years later he left with a BA and moved to University College Dublin where he completed an MA in the history of Religion and Society. In 2019 he was awarded an MLitt by the University of Oxford for his thesis on a 19th-century nationalist named James Fintan Lalor.</p> 1247<p style="color: #ffcc66;" class="over_outline">Jim Bruce continues to write books, articles, etc., for academic and general audiences.</p></div></div><div id="If6b647f854874d6985d63cf467338a16" style="display:block;clear: both;margin:0 0 0 0;" class="Text_2_Default"><style type="text/css"> 1248 div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;} 1249 div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;} 1250 div.sys_text_widget img{margin:4px;} 1251 div.sys_text_widget { 1252 overflow: hidden; 1253 margin: 0; 1254 padding: 0; 1255 color: ; 1256 font: ; 1257 background-color: ; 1258 } 1259</style> 1260 1261<div id="If6b647f854874d6985d63cf467338a16_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><p style="text-align: center;"><br></p> 1262<p style="text-align: center;"><br></p> 1263<p style="text-align: center;"><br></p> 1264<p style="text-align: center;">© Copyright 2019-2026</p> 1265<p style="text-align: center;">'Sunset in Glendalough', courtesy of Giuseppe Milo at <a href="https://milo.photography/" target="_blank" rel="noopener">Milo Photography</a>.</p> 1266<p style="text-align: center;">'Shield of Arms of Ireland', Sodacan. This W3C-unspecified vector image was created with Inkscape. [CC BY-SA 3.0 (https://creativecommons.org/licenses/by-sa/3.0)]</p> 1267<p style="text-align: center;"><br></p></div></div></div> 1268 </div> 1269 </div> 1270 1271 1272 1273</div></div> 1274 </div> 1275</div> 1276 </div> 1277 </div> 1278 </main> 1279 1280 <div class="yola_footer_wrap"> 1281 <div class="yola_footer_column"> 1282 <footer id="yola_style_footer"> 1283 <p style="float:right; margin:0;"></p><div style="clear:both; height:0;"></div> 1284 </footer> 1285 </div> 1286 </div> 1287 1288
1289<script type="text/javascript" id="site_analytics_tracking" data-id="09ef3f7387f84e2b9e7bdd8a2af13f05" data-user="3151efbf18ca4e25a8058d8f1071b5ed" data-partner="WL_HOSTINGIRELAND" data-url="//analytics.yolacdn.net/tracking-v2.js"> 1290 var _yts = _yts || []; 1291 var tracking_tag = document.getElementById('site_analytics_tracking'); 1292 _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]); 1293 _yts.push(["_userId", tracking_tag.getAttribute('data-user')]); 1294 _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]); 1295 _yts.push(["_trackPageview"]); 1296 (function() { 1297 var yts = document.createElement("script"); 1298 yts.type = "text/javascript"; 1299 yts.async = true; 1300 yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url'); 1301 (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); 1302 })(); 1303</script>
1303 1304 1305 1306<!-- template: Skyline_v2 1e9dbfee-24d9-471e-842b-8be807c8c489 --> 1307 </div> 1308 </div> <!-- .inner_bg_overlay --> 1309 </div> <!-- #sys_background / .bg_overlay --> 1310
1310<script src="templates/Skyline_v2/resources/js/browserify.build.js"></script>
1310 1311 </body> 1312</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.