\n
\n \n
\n )\n}\n\nconst teachingStyle = {\n height: '800px',\n width: '940px',\n margin: 'auto',\n padding: '86px 10px 30px 10px',\n backgroundColor: '#fff'\n}\n\nconst teachingHeaderContainerStyle = {\n margin: '30px auto'\n}\n\nconst teachingHeaderStyle = {\n fontFamily: 'Lora, serif',\n fontSize: '40px',\n margin: '20px auto'\n}\n\nexport default Teaching;","import React, { Component } from \"react\";\n\nimport environmentalBook from \"./images/environmental-book.JPG\";\nimport distributiveBook from \"./images/distributive-book.png\";\n\nclass Books extends Component {\n constructor(props) {\n super(props);\n this.bookRef = React.createRef();\n }\n\n state = {\n first_par:\n \"No skills, no cooperation. That is the core finding of this book, which seeks to explain international inter-agency cooperation in the Global South. Policymaking has become more complex in the information age, more international and interdependent in a globalized world, and more pressed by the urgency of the problems it attempts to address. Much of international cooperation is unthinkable without a large body of expert bureaucrats greasing and turning the wheels of the government machine. In other words, policymaking has become both more skill dependent and transnational. Yet, while high-level diplomacy and multilateral treaties receive the bulk of scholarly attention, the “behind-the-scene” legwork that expert bureaucrats do on a regular basis has not been properly studied.\",\n second_par:\n \"Partnerships among bureaucrats can yield extraordinary outcomes. The Kyoto Protocol would not have been possible without the preceding coordinated efforts of state climatologists around the world; the Non Pro-liferation Treaty (NPT) and the Comprehensive Test Ban Treaty (CTBT) would not have been realized if it had not been for the prior work by nuclear bureaucrats from both nuclear and non-nuclear powers; and world summits on wide-ranging issues, like sustainable development...\",\n };\n\n render() {\n return (\n \n
\n \n Teaching
\n\n
\n );\n }\n}\n\nconst bookStyle = {\n maxWidth: \"1300px\",\n margin: \"auto\",\n position: \"relative\",\n padding: \"30px 100px 60px 100px\",\n};\n\nconst bookWrapper = {\n display: \"flex\",\n flexWrap: \"wrap\",\n gap: \"2rem\",\n\n marginTop: \"1rem\",\n background: \"#fff\",\n width: \"100%\",\n};\n\nconst bookTitle = {\n fontFamily: \"Lora, serif\",\n fontSize: \"40px\",\n};\n\nconst bookImageContainerStyle = {};\n\nconst bookImageStyle = {\n height: \"400px\",\n};\n\nconst moreStyle = {\n fontSize: \"20px\",\n};\n\nexport default Books;\n","import React, { Component } from \"react\";\n\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\nimport { Element } from \"react-scroll\";\n\nimport Map from \"./components/Map\";\n\nimport Bio from \"./components/Bio\";\nimport Research from \"./components/Research\";\nimport Media from \"./components/Media\";\n\nimport Header from \"./components/Header\";\nimport Footer from \"./components/Footer\";\n\nimport CV from \"./components/pages/CV\";\nimport Teaching from \"./components/pages/Teaching\";\n\nimport data from \"./components/data/data.json\";\n\nimport \"./App.css\";\nimport Books from \"./components/Books\";\n\nclass App extends Component {\n state = data;\n\n render() {\n return (\n Books
\n\n
\n \n \n 
\n \n
\n \n \n 
\n \n
\n \n \n \n\n (\n \n \n \n \n\n \n \n\n \n \n\n \n \n\n \n \n )}\n />\n
\n