├── .gitignore ├── img ├── coffee.png ├── cooking.png ├── project.png ├── crossword.png ├── still-time.png ├── articleLarge.jpg ├── home-delivery.png ├── cosmos-superJumbo.jpg ├── extra_posts │ ├── post1.jpg │ ├── post2.jpg │ ├── post3.jpg │ ├── post4.jpg │ ├── post5.jpg │ ├── editor-picked-post1.jpg │ ├── editor-picked-post2.jpg │ └── editor-picked-post3.jpg ├── digital-subscription.png ├── save-icon.svg ├── conversation-icon.svg ├── logo.svg └── NewYorkTimes.svg ├── css ├── .stylelintrc.json └── style.css ├── .hintrc ├── LICENSE ├── .github └── workflows │ └── linters.yml ├── README.md └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store -------------------------------------------------------------------------------- /img/coffee.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/coffee.png -------------------------------------------------------------------------------- /img/cooking.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/cooking.png -------------------------------------------------------------------------------- /img/project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/project.png -------------------------------------------------------------------------------- /img/crossword.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/crossword.png -------------------------------------------------------------------------------- /img/still-time.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/still-time.png -------------------------------------------------------------------------------- /img/articleLarge.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/articleLarge.jpg -------------------------------------------------------------------------------- /img/home-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/home-delivery.png -------------------------------------------------------------------------------- /img/cosmos-superJumbo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/cosmos-superJumbo.jpg -------------------------------------------------------------------------------- /img/extra_posts/post1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/post1.jpg -------------------------------------------------------------------------------- /img/extra_posts/post2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/post2.jpg -------------------------------------------------------------------------------- /img/extra_posts/post3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/post3.jpg -------------------------------------------------------------------------------- /img/extra_posts/post4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/post4.jpg -------------------------------------------------------------------------------- /img/extra_posts/post5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/post5.jpg -------------------------------------------------------------------------------- /img/digital-subscription.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/digital-subscription.png -------------------------------------------------------------------------------- /img/extra_posts/editor-picked-post1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/editor-picked-post1.jpg -------------------------------------------------------------------------------- /img/extra_posts/editor-picked-post2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/editor-picked-post2.jpg -------------------------------------------------------------------------------- /img/extra_posts/editor-picked-post3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RaminMammadzada/positioning-and-floating-elements/HEAD/img/extra_posts/editor-picked-post3.jpg -------------------------------------------------------------------------------- /img/save-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /css/.stylelintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["stylelint-config-standard"], 3 | "plugins": ["stylelint-scss"], 4 | "rules": { 5 | "at-rule-no-unknown": null, 6 | "scss/at-rule-no-unknown": true 7 | }, 8 | "ignoreFiles": [ 9 | "build/**", 10 | "dist/**", 11 | "**/reset*.css", 12 | "**/bootstrap*.css" 13 | ] 14 | } -------------------------------------------------------------------------------- /.hintrc: -------------------------------------------------------------------------------- 1 | { 2 | "connector": { 3 | "name": "local", 4 | "options": { 5 | "pattern": ["**", "!.git/**", "!node_modules/**"] 6 | } 7 | }, 8 | "extends": ["development"], 9 | "formatters": ["stylish"], 10 | "hints": [ 11 | "button-type", 12 | "disown-opener", 13 | "html-checker", 14 | "meta-charset-utf-8", 15 | "meta-viewport" 16 | ] 17 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Umair Arshad ✔ 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.github/workflows/linters.yml: -------------------------------------------------------------------------------- 1 | name: Linters 2 | 3 | on: pull_request 4 | 5 | env: 6 | FORCE_COLOR: 1 7 | 8 | jobs: 9 | lighthouse: 10 | name: Lighthouse 11 | runs-on: ubuntu-18.04 12 | steps: 13 | - uses: actions/checkout@v2 14 | - uses: actions/setup-node@v1 15 | with: 16 | node-version: "12.x" 17 | - name: Setup Lighthouse 18 | run: npm install -g @lhci/cli@0.4.x 19 | - name: Lighthouse Report 20 | run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=. 21 | webhint: 22 | name: Webhint 23 | runs-on: ubuntu-18.04 24 | steps: 25 | - uses: actions/checkout@v2 26 | - uses: actions/setup-node@v1 27 | with: 28 | node-version: "12.x" 29 | - name: Setup Webhint 30 | run: | 31 | npm install --save-dev hint@6.0.x 32 | [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc 33 | - name: Webhint Report 34 | run: npx hint --telemetry=off . 35 | stylelint: 36 | name: Stylelint 37 | runs-on: ubuntu-18.04 38 | steps: 39 | - uses: actions/checkout@v2 40 | - uses: actions/setup-node@v1 41 | with: 42 | node-version: "12.x" 43 | - name: Setup Stylelint 44 | run: | 45 | npm install --save-dev stylelint@13.3.x stylelint-scss@3.17.x stylelint-config-standard@20.0.x 46 | [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json 47 | - name: Stylelint Report 48 | run: npx stylelint "**/*.{css,scss}" 49 | -------------------------------------------------------------------------------- /img/conversation-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | Created by potrace 1.16, written by Peter Selinger 2001-2019 9 | 10 | 12 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # Positioning and Floating Elements(float, flex and grid) 3 | 4 | > Microverse Collaborative Project (Ramin and Umair) 5 | 6 | ![screenshot](img/project.png) 7 | 8 | Additional description about the project and its features. 9 | 10 | ## Built With 11 | 12 | - HTML 13 | - CSS 14 | - CSS Grid 15 | 16 | ## Live Demo 17 | 18 | [Live Demo Link](https://rawcdn.githack.com/umairarshadbutt/Positioning-and-Floating-Elements/5fdb9cbed905283843c93cb37237f999cfebd1b6/index.html) 19 | 20 | 21 | ## Getting Started 22 | 23 | **Navigation bar** 24 | - Go to [the NYT article in question ](https://www.nytimes.com/2014/03/18/science/space/detection-of-waves-in-space-buttresses-landmark-theory-of-big-bang.html?_r=0) and have a look around. The form isn’t exceptionally complicat 25 | This project is a Clone of this webpage. 26 | We have a cloned webpage built with following features: 27 | 28 | 1. Subscribe and Login buttons 29 | 2. Logo display of The New York Times 30 | 3. Navbar including six element 31 | 4. Images and video embeded 32 | 5. Two side bars 33 | 6. There are also link to privacy, Terms of Use and more 34 | 7. Space and Astronomy - Section 35 | 8. Editors’ Picks - Section 36 | 9. Complicated footer 37 | 38 | 39 | ### Prerequisites 40 | 41 | - Browser 42 | - Internet 43 | 44 | - Download the code from repository (https://github.com/umairarshadbutt/Positioning-and-Floating-Elements) and double click the index.html file 45 | 46 | 47 | ## Authors 48 | 49 | 👤 **Ramin Mammadzada** 50 | 51 | - Github: [@raminmammadzada](https://github.com/raminmammadzada) 52 | - Twitter: [@raminmammadzada](https://twitter.com/raminmammadzada) 53 | - Linkedin: [raminmammadzada](https://linkedin.com/raminmammadzada) 54 | - Email: [raminmammadzadaiu@gmail.com](mailto:raminmammadzadaiu@gmail.com?subject=[GitHub]%20Source%20Han%20Sans) 55 | 56 | 👤 **Umair Arshad** 57 | 58 | - Github: [@umairarshadbutt](https://github.com/umairarshadbutt) 59 | - Twitter: [@its_UmairArshad](https://twitter.com/its_UmairArshad) 60 | - Linkedin: [umair-arshad-butt](https://www.linkedin.com/in/umair-arshad-butt/) 61 | 62 | 63 | 64 | ## Show your support 65 | 66 | Give a ⭐️ if you like this project! 67 | 68 | ## Acknowledgments 69 | 70 | - Hat tip to anyone whose code was used 71 | - Inspiration 72 | - etc 73 | 74 | ## 📝 License 75 | 76 | This project is [MIT](LICENSE) licensed. 77 | -------------------------------------------------------------------------------- /img/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/NewYorkTimes.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: nyt-franklin, helvetica, arial, sans-serif; 3 | font-size: 14.5px; 4 | margin-left: 0; 5 | margin-right: 0; 6 | } 7 | 8 | a { 9 | color: rgb(50, 104, 145); 10 | } 11 | 12 | h1 h3 { 13 | color: #121212; 14 | font-family: nyt-cheltenham, georgia, 'times new roman', times, serif; 15 | font-weight: 700; 16 | font-style: italic; 17 | font-size: 2.1375rem; 18 | line-height: 2.95rem; 19 | margin: 0 20px 1rem; 20 | position: relative; 21 | width: calc(100% - 40px); 22 | max-width: 600px; 23 | } 24 | 25 | ul { 26 | list-style-type: none; 27 | margin: 0; 28 | padding: 0; 29 | overflow: hidden; 30 | font-weight: 700; 31 | } 32 | 33 | .navbar-right-list { 34 | float: right; 35 | margin-right: 4px; 36 | } 37 | 38 | li { 39 | float: left; 40 | } 41 | 42 | li img { 43 | position: absolute; 44 | left: 42%; 45 | margin-top: 4px; 46 | } 47 | 48 | li a { 49 | display: block; 50 | text-align: center; 51 | padding: 8px 16px 14px 16px; 52 | text-decoration: none; 53 | color: black; 54 | } 55 | <<<<<<< HEAD 56 | 57 | .logo-link{ 58 | ||||||| merged common ancestors 59 | .logo-link{ 60 | ======= 61 | 62 | .all-footer { 63 | text-align: left; 64 | } 65 | 66 | .article-name { 67 | display: flex; 68 | flex-flow: column; 69 | justify-content: flex-start; 70 | } 71 | 72 | .logo-link a { 73 | float: right; 74 | } 75 | 76 | .article-content-on-left { 77 | flex: 55%; 78 | width: 600px; 79 | padding: 20px; 80 | margin: 10px; 81 | } 82 | 83 | .logo-link { 84 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 85 | margin-top: 20px; 86 | width: 1180px; 87 | margin-left: auto; 88 | margin-right: auto; 89 | } 90 | <<<<<<< HEAD 91 | 92 | .logo-link img{ 93 | ||||||| merged common ancestors 94 | .logo-link img{ 95 | ======= 96 | 97 | .logo-link img { 98 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 99 | float: left; 100 | margin-bottom: 10px; 101 | } 102 | <<<<<<< HEAD 103 | 104 | .logo-link a{ 105 | float: right; 106 | } 107 | 108 | .flex-container-nflation{ 109 | ||||||| merged common ancestors 110 | .logo-link a{ 111 | float: right; 112 | } 113 | .flex-container-nflation{ 114 | ======= 115 | 116 | .flex-container-nflation { 117 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 118 | display: flex; 119 | } 120 | <<<<<<< HEAD 121 | 122 | .inflation{ 123 | ||||||| merged common ancestors 124 | .inflation{ 125 | ======= 126 | 127 | .inflation { 128 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 129 | font-size: 1.1rem; 130 | <<<<<<< HEAD 131 | line-height: 18px; 132 | line-height: 1.25rem; 133 | font-style: normal; 134 | font-family: nyt-cheltenham-sh,georgia,times new roman,times,serif; 135 | margin-right: 25px; 136 | margin-left: 60px; 137 | } 138 | 139 | .image-text-possition{ 140 | ||||||| merged common ancestors 141 | line-height: 18px; 142 | line-height: 1.25rem; 143 | font-style: normal; 144 | font-family: nyt-cheltenham-sh,georgia,times new roman,times,serif; 145 | margin-right: 25px; 146 | margin-left: 60px; 147 | } 148 | .image-text-possition{ 149 | ======= 150 | line-height: 18px; 151 | line-height: 1.25rem; 152 | font-style: normal; 153 | font-family: nyt-cheltenham-sh, georgia, times new roman, times, serif; 154 | margin-right: 25px; 155 | margin-left: 60px; 156 | } 157 | 158 | .inflamation-line { 159 | margin-left: 33px; 160 | width: 32px; 161 | border-top: 1px solid black; 162 | } 163 | 164 | .image-text-possition { 165 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 166 | position: relative; 167 | } 168 | <<<<<<< HEAD 169 | 170 | .inflation img{ 171 | ||||||| merged common ancestors 172 | .inflation img{ 173 | ======= 174 | 175 | .inflation img { 176 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 177 | height: auto; 178 | max-width: 1150px; 179 | } 180 | 181 | .services li img { 182 | position: unset; 183 | } 184 | 185 | .image-text-possition p { 186 | width: 236px; 187 | position: absolute; 188 | letter-spacing: 1.01px; 189 | font-family: nyt-franklin, arial, helvetica, sans-serif; 190 | font-size: 14px; 191 | line-height: 17px; 192 | font-weight: lighter; 193 | } 194 | <<<<<<< HEAD 195 | 196 | .inflation .astronomer{ 197 | ||||||| merged common ancestors 198 | .inflation .astronomer{ 199 | ======= 200 | 201 | .image-text-possition span p { 202 | width: 636px; 203 | margin-left: 36px; 204 | } 205 | 206 | .inflation .astronomer { 207 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 208 | top: 159px; 209 | left: 39px; 210 | } 211 | <<<<<<< HEAD 212 | 213 | .inflation .enough-time{ 214 | ||||||| merged common ancestors 215 | .inflation .enough-time{ 216 | ======= 217 | 218 | .inflation .enough-time { 219 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 220 | top: 159px; 221 | left: 305px; 222 | } 223 | <<<<<<< HEAD 224 | 225 | .inflation .distance-office{ 226 | ||||||| merged common ancestors 227 | .inflation .distance-office{ 228 | ======= 229 | 230 | .inflation .distance-office { 231 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 232 | top: 159px; 233 | left: 605px; 234 | } 235 | <<<<<<< HEAD 236 | 237 | .inflation .coffe-everywhere{ 238 | ||||||| merged common ancestors 239 | .inflation .coffe-everywhere{ 240 | ======= 241 | 242 | .inflation .coffe-everywhere { 243 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 244 | top: 159px; 245 | left: 905px; 246 | } 247 | <<<<<<< HEAD 248 | 249 | .inflation .not-enough-time{ 250 | ||||||| merged common ancestors 251 | .inflation .not-enough-time{ 252 | ======= 253 | 254 | .inflation .not-enough-time { 255 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 256 | top: 500px; 257 | left: 39px; 258 | } 259 | 260 | .inflation .inflation-para { 261 | top: 500px; 262 | left: 305px; 263 | } 264 | 265 | .inflation .fluctution { 266 | top: 500px; 267 | left: 605px; 268 | } 269 | 270 | .inflation .expension { 271 | top: 500px; 272 | left: 905px; 273 | } 274 | 275 | .inflation .writer { 276 | top: 800px; 277 | left: 39px; 278 | width: 388px; 279 | } 280 | 281 | .flex-container-nflation > div { 282 | width: 208px; 283 | position: absolute; 284 | font-size: 14px; 285 | letter-spacing: 1.01px; 286 | line-height: 20px; 287 | font-weight: 300; 288 | color: #000; 289 | } 290 | 291 | .flex-container { 292 | display: flex; 293 | justify-content: center; 294 | align-items: center; 295 | margin-top: 40px; 296 | flex-direction: column; 297 | } 298 | 299 | .flex-container h1 { 300 | color: #121212; 301 | font-family: nyt-cheltenham, georgia, 'times new roman', times, serif; 302 | font-weight: 700; 303 | font-style: italic; 304 | font-size: 2rem; 305 | text-align: left; 306 | margin-left: 0%; 307 | width: 600px; 308 | } 309 | 310 | .footer-grid-container { 311 | display: grid; 312 | grid-column-gap: 10px; 313 | grid-template-columns: auto auto auto auto auto auto; 314 | margin-left: auto; 315 | margin-right: auto; 316 | width: 1180px; 317 | } 318 | 319 | .footer-grid-item { 320 | background-color: rgba(255, 255, 255, 0.8); 321 | text-align: left; 322 | } 323 | <<<<<<< HEAD 324 | 325 | .footer-grid-item h3{ 326 | ||||||| merged common ancestors 327 | .footer-grid-item h3{ 328 | ======= 329 | 330 | .footer-grid-item h3 { 331 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 332 | margin-top: 0; 333 | margin-bottom: 0; 334 | } 335 | <<<<<<< HEAD 336 | 337 | .footer-grid-item ul{ 338 | ||||||| merged common ancestors 339 | .footer-grid-item ul{ 340 | ======= 341 | 342 | .footer-grid-item ul { 343 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 344 | font-weight: 400; 345 | } 346 | <<<<<<< HEAD 347 | 348 | .footer-grid-item ul li{ 349 | ||||||| merged common ancestors 350 | .footer-grid-item ul li{ 351 | ======= 352 | 353 | .footer-grid-item ul li { 354 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 355 | float: none; 356 | } 357 | <<<<<<< HEAD 358 | 359 | .footer-grid-item ul li a{ 360 | display: block; 361 | text-align: left; 362 | padding: 8px 16px 0 0; 363 | text-decoration: none; 364 | color: black; 365 | } 366 | 367 | .footer-grid-item ul li a:hover{ 368 | text-decoration: underline; 369 | } 370 | 371 | .footer-border-left{ 372 | ||||||| merged common ancestors 373 | .footer-grid-item ul li a{ 374 | display: block; 375 | text-align: left; 376 | padding: 8px 16px 0 0; 377 | text-decoration: none; 378 | color: black; 379 | } 380 | .footer-grid-item ul li a:hover{ 381 | text-decoration: underline; 382 | } 383 | .footer-border-left{ 384 | ======= 385 | 386 | .footer-border-left { 387 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 388 | border-left: 1px solid #e2e2e2; 389 | padding-left: 11px; 390 | } 391 | 392 | .footer-subscription-bold-line { 393 | background-color: #fff; 394 | border-bottom: 1px solid #e2e2e2; 395 | content: ''; 396 | display: block; 397 | height: 17px; 398 | margin-top: 0; 399 | width: 171px; 400 | margin-left: 0; 401 | margin-right: auto; 402 | color: #ebebeb; 403 | } 404 | 405 | .date-of-publish { 406 | margin-top: 18px; 407 | } 408 | 409 | .date-socials { 410 | display: flex; 411 | align-items: center; 412 | justify-content: space-between; 413 | } 414 | 415 | .article-content { 416 | font-size: 1.25rem; 417 | line-height: 1.875rem; 418 | } 419 | <<<<<<< HEAD 420 | 421 | .article-content p span{ 422 | bottom: 20px; 423 | top: 20px; 424 | text-align: center; 425 | margin-left: 38%; 426 | font-size: 1.1rem; 427 | font-weight: 600; 428 | } 429 | 430 | .article-content p span a{ 431 | text-decoration: none; 432 | margin-left: 36%; 433 | } 434 | 435 | ||||||| merged common ancestors 436 | .article-content p span{ 437 | bottom: 20px; 438 | top: 20px; 439 | text-align: center; 440 | margin-left: 38%; 441 | font-size: 1.1rem; 442 | font-weight: 600; 443 | } 444 | .article-content p span a{ 445 | text-decoration: none; 446 | margin-left: 36%; 447 | } 448 | ======= 449 | 450 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 451 | .nav-button { 452 | height: 36px; 453 | margin: 1px; 454 | border-radius: 4px; 455 | border: 1px; 456 | cursor: pointer; 457 | font-family: nyt-franklin, helvetica, arial, sans-serif; 458 | white-space: nowrap; 459 | vertical-align: middle; 460 | background-color: rgb(86, 123, 149); 461 | color: rgb(255, 255, 255); 462 | font-size: 13px; 463 | line-height: 11px; 464 | font-weight: 700; 465 | } 466 | 467 | .navbar-visibility-visible { 468 | visibility: hidden; 469 | } 470 | <<<<<<< HEAD 471 | 472 | .navbar{ 473 | ||||||| merged common ancestors 474 | .navbar{ 475 | ======= 476 | 477 | .navbar { 478 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 479 | overflow: hidden; 480 | position: fixed; 481 | top: 0; 482 | width: 100%; 483 | background-color: #fff; 484 | z-index: 1; 485 | } 486 | 487 | .notification { 488 | font-size: 11.5px; 489 | padding-left: 5px; 490 | } 491 | 492 | .read-comment-button { 493 | float: left; 494 | <<<<<<< HEAD 495 | width: 282px; 496 | margin-top: 18px; 497 | height: 36px; 498 | margin: 1px; 499 | border-radius: 4px; 500 | border: 1px; 501 | cursor: pointer; 502 | font-family: nyt-franklin, helvetica, arial, sans-serif; 503 | white-space: nowrap; 504 | vertical-align: middle; 505 | background-color: rgb(86, 123, 149); 506 | color: rgb(255, 255, 255); 507 | font-size: 16px; 508 | line-height: 11px; 509 | font-weight: 700; 510 | } 511 | 512 | .img-desc{ 513 | margin-left: 10%; 514 | margin-right: 10%; 515 | ||||||| merged common ancestors 516 | width: 282px; 517 | margin-top: 18px; 518 | height: 36px; 519 | margin: 1px; 520 | border-radius: 4px; 521 | border: 1px; 522 | cursor: pointer; 523 | font-family: nyt-franklin, helvetica, arial, sans-serif; 524 | white-space: nowrap; 525 | vertical-align: middle; 526 | background-color: rgb(86, 123, 149); 527 | color: rgb(255, 255, 255); 528 | font-size: 16px; 529 | line-height: 11px; 530 | font-weight: 700; 531 | } 532 | .img-desc{ 533 | margin-left: 10%; 534 | margin-right: 10%; 535 | ======= 536 | width: 282px; 537 | margin-top: 18px; 538 | height: 36px; 539 | border-radius: 4px; 540 | border: 1px; 541 | cursor: pointer; 542 | font-family: nyt-franklin, helvetica, arial, sans-serif; 543 | white-space: nowrap; 544 | vertical-align: middle; 545 | background-color: rgb(86, 123, 149); 546 | color: rgb(255, 255, 255); 547 | font-size: 16px; 548 | line-height: 11px; 549 | font-weight: 700; 550 | } 551 | 552 | .img-desc { 553 | margin-left: 20%; 554 | margin-right: 10%; 555 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 556 | } 557 | 558 | .responsive-navbar-button { 559 | margin-top: 12px; 560 | font-size: 11px; 561 | color: rgb(50, 104, 145); 562 | margin-left: 8px; 563 | padding-left: 8px; 564 | display: block; 565 | text-align: center; 566 | text-decoration: none; 567 | } 568 | 569 | .responsive-navbar-button a { 570 | color: rgb(50, 104, 145); 571 | } 572 | <<<<<<< HEAD 573 | 574 | .space-image{ 575 | ||||||| merged common ancestors 576 | .space-image{ 577 | ======= 578 | 579 | .space-image { 580 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 581 | display: block; 582 | margin-left: auto; 583 | width: 80%; 584 | } 585 | <<<<<<< HEAD 586 | 587 | .services ul{ 588 | ||||||| merged common ancestors 589 | .services ul{ 590 | ======= 591 | 592 | .services ul { 593 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 594 | font-size: 1rem; 595 | } 596 | <<<<<<< HEAD 597 | 598 | .services ul li img{ 599 | position: unset; 600 | left: 78%; 601 | height: 20px; 602 | margin-top: 1px; 603 | } 604 | ||||||| merged common ancestors 605 | .services ul li img{ 606 | position: unset; 607 | left: 78%; 608 | height: 20px; 609 | margin-top: 1px; 610 | } 611 | ======= 612 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 613 | 614 | .services a { 615 | padding-top: 2px; 616 | } 617 | 618 | @media (max-width: 767px) { 619 | .navbar-visibility-hidden { 620 | display: none; 621 | } 622 | 623 | .navbar-visibility-visible { 624 | visibility: visible; 625 | } 626 | 627 | .bar { 628 | padding: 8px 0 14px 0; 629 | } 630 | } 631 | 632 | @media (max-width: 767px) { 633 | li img { 634 | left: 30%; 635 | } 636 | } 637 | 638 | .wrapper-container { 639 | width: 600px; 640 | margin-left: auto; 641 | margin-right: auto; 642 | } 643 | 644 | .article-social-icons i.fa { 645 | float: right; 646 | background: transparent; 647 | display: inline-block; 648 | height: 20px; 649 | width: 20px; 650 | background-color: #eee; 651 | border: 1px #eee solid; 652 | border-radius: 100%; 653 | padding: 5px; 654 | margin: 5px; 655 | } 656 | 657 | .article-end { 658 | font-size: 0.75rem; 659 | line-height: 1rem; 660 | width: calc(100% - 40px); 661 | color: rgb(102, 102, 102); 662 | } 663 | <<<<<<< HEAD 664 | 665 | .article-end a{ 666 | ||||||| merged common ancestors 667 | .article-end a{ 668 | ======= 669 | 670 | .article-end a { 671 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 672 | color: rgb(102, 102, 102); 673 | } 674 | 675 | .social-icons { 676 | display: flex; 677 | justify-content: baseline; 678 | align-items: center; 679 | } 680 | 681 | .social-icons-scale { 682 | -webkit-transform-origin: right center; 683 | -webkit-transition: 0.5s all; 684 | -moz-transition: 0.5s all; 685 | transform: scale(0.7); 686 | } 687 | 688 | .social-icons i.fa { 689 | margin: 10px; 690 | display: inline-block; 691 | border-radius: 50%; 692 | background-color: #eee; 693 | padding: 0.65em 0.8em; 694 | } 695 | 696 | .video-des { 697 | font-size: 0.9375rem; 698 | line-height: 1.25rem; 699 | margin-right: 7px; 700 | color: #666; 701 | } 702 | 703 | .copyright-flex-container { 704 | display: flex; 705 | justify-content: center; 706 | align-items: baseline; 707 | flex-flow: row wrap; 708 | width: 1180px; 709 | margin-left: auto; 710 | margin-right: auto; 711 | } 712 | 713 | .copyright-flex-container > div { 714 | margin: 7px; 715 | text-align: center; 716 | font-size: 15px; 717 | } 718 | <<<<<<< HEAD 719 | 720 | .copyright-flex-container > div:hover { 721 | text-decoration: underline; 722 | } 723 | 724 | .copyright-flex-container > div > small > a { 725 | color: #121212; 726 | text-decoration: none; 727 | font:inherit; 728 | } 729 | 730 | .conversation{ 731 | width : 29px; 732 | } 733 | 734 | iframe { 735 | frameborder : 0; 736 | ||||||| merged common ancestors 737 | .copyright-flex-container > div:hover { 738 | text-decoration: underline; 739 | } 740 | .copyright-flex-container > div > small > a { 741 | color: #121212; 742 | text-decoration: none; 743 | font:inherit; 744 | } 745 | .conversation{ 746 | width : 29px; 747 | } 748 | iframe { 749 | frameborder : 0; 750 | ======= 751 | 752 | .conversation { 753 | width: 29px; 754 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 755 | } 756 | <<<<<<< HEAD 757 | 758 | .simple-line{ 759 | ||||||| merged common ancestors 760 | .simple-line{ 761 | ======= 762 | 763 | .simple-line { 764 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 765 | width: 100%; 766 | margin-left: auto; 767 | margin-right: auto; 768 | color: #ebebeb; 769 | border-top: 1px solid black; 770 | } 771 | 772 | .simple-shadowed-line { 773 | width: 100%; 774 | margin-left: auto; 775 | margin-right: auto; 776 | border-top: 1px solid #e2e2e2; 777 | } 778 | 779 | <<<<<<< HEAD 780 | .all-footer { 781 | text-align: left 782 | } 783 | 784 | /* more-info part */ 785 | ||||||| merged common ancestors 786 | .all-footer { 787 | text-align: left 788 | } 789 | /* more-info part */ 790 | ======= 791 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 792 | .more-info { 793 | display: flex; 794 | flex-wrap: column wrap; 795 | justify-content: center; 796 | margin-left: auto; 797 | margin-right: auto; 798 | width: 1180px; 799 | } 800 | 801 | .more-posts { 802 | flex: 75%; 803 | padding: 20px; 804 | margin: 10px; 805 | } 806 | 807 | .most-popular { 808 | flex: 25%; 809 | padding: 20px; 810 | margin: 10px; 811 | } 812 | 813 | .header-names { 814 | display: flex; 815 | justify-content: flex-start; 816 | } 817 | <<<<<<< HEAD 818 | 819 | .header-names a{ 820 | ||||||| merged common ancestors 821 | .header-names a{ 822 | ======= 823 | 824 | .header-names a { 825 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 826 | text-decoration: none; 827 | color: #121212; 828 | } 829 | 830 | a:hover { 831 | text-decoration: underline; 832 | } 833 | <<<<<<< HEAD 834 | 835 | .article-name { 836 | display: flex; 837 | flex-flow: column; 838 | justify-content: flex-start; 839 | } 840 | 841 | .article-name h3 a{ 842 | font-family: nyt-cheltenham, georgia, "times new roman", times, serif; 843 | font-size: 1.125rem; 844 | color: rgb(18, 18, 18); 845 | font-size: 0.9875rem; 846 | line-height: 1.4375rem; 847 | text-decoration: none; 848 | } 849 | 850 | .article-name h3 a:hover { 851 | color: #6E7392; 852 | } 853 | 854 | ||||||| merged common ancestors 855 | .article-name { 856 | display: flex; 857 | flex-flow: column; 858 | justify-content: flex-start; 859 | } 860 | 861 | .article-name h3 a{ 862 | font-family: nyt-cheltenham, georgia, "times new roman", times, serif; 863 | font-size: 1.125rem; 864 | color: rgb(18, 18, 18); 865 | font-size: 0.9875rem; 866 | line-height: 1.4375rem; 867 | text-decoration: none; 868 | } 869 | .article-name h3 a:hover { 870 | color: #6E7392; 871 | } 872 | 873 | 874 | ======= 875 | 876 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 877 | .bold-line { 878 | background-color: #fff; 879 | border-bottom: 1px solid #e2e2e2; 880 | border-top: 2px solid #e2e2e2; 881 | content: ''; 882 | display: block; 883 | height: 1px; 884 | margin-top: 0; 885 | width: 1180px; 886 | margin-left: auto; 887 | margin-right: auto; 888 | color: #ebebeb; 889 | } 890 | 891 | .menu-content { 892 | text-align: center; 893 | } 894 | 895 | .more-posts-flex-container { 896 | display: flex; 897 | flex-wrap: wrap-reverse; 898 | } 899 | 900 | .more-posts-flex-container > div { 901 | width: 250px; 902 | margin: 7px; 903 | line-height: 30px; 904 | font-size: 30px; 905 | } 906 | 907 | .more-posts-flex-container > div > img { 908 | width: 100%; 909 | } 910 | 911 | .single-post-container { 912 | display: flex; 913 | flex-flow: column; 914 | justify-content: space-between; 915 | } 916 | 917 | .single-post-container-for-sidebar { 918 | display: flex; 919 | } 920 | 921 | .more-article-image-for-sidebar { 922 | margin: 20px 30px 0 0; 923 | width: 200px; 924 | object-fit: contain; 925 | align-self: flex-start; 926 | } 927 | 928 | .more-article-name-for-sidebar { 929 | flex: 1 1 auto; 930 | margin: auto 0 auto 10px; 931 | } 932 | 933 | .more-article-name-for-sidebar h3 a { 934 | float: left; 935 | color: rgb(18, 18, 18); 936 | font-size: 1.0875rem; 937 | text-decoration: none; 938 | } 939 | 940 | .more-posts-flex-container-for-sidebar { 941 | flex-wrap: wrap-reverse; 942 | } 943 | 944 | .more-posts-flex-container-for-sidebar > div { 945 | width: 350px; 946 | line-height: 30px; 947 | font-size: 20px; 948 | } 949 | 950 | .copyright-flex-container > div:hover { 951 | text-decoration: underline; 952 | } 953 | 954 | .more-posts-flex-container-for-sidebar > div > img { 955 | width: 40%; 956 | } 957 | 958 | .header-name-for-sidebar { 959 | font-size: 21px; 960 | color: #000; 961 | } 962 | 963 | .image-ref { 964 | flex: 1; 965 | display: flex; 966 | justify-content: flex-end; 967 | align-items: center; 968 | font-size: 10px; 969 | color: #666; 970 | float: right; 971 | } 972 | 973 | .article-img-desc { 974 | margin-right: 7px; 975 | color: #666; 976 | font-size: 0.9375rem; 977 | line-height: 1.25rem; 978 | font-family: nyt-imperial, georgia, 'times new roman', times, serif; 979 | } 980 | 981 | .article-img-desc span { 982 | margin-right: 6px; 983 | } 984 | 985 | .article-content p span { 986 | bottom: 20px; 987 | top: 20px; 988 | text-align: center; 989 | margin-left: 28%; 990 | font-size: 1.1rem; 991 | font-weight: 600; 992 | } 993 | 994 | .more-article-name h3 { 995 | margin: 0; 996 | } 997 | 998 | .more-article-name h3 a { 999 | float: left; 1000 | font-family: nyt-cheltenham, georgia, "times new roman", times, serif; 1001 | color: rgb(18, 18, 18); 1002 | font-size: 0.9875rem; 1003 | line-height: 1.4375rem; 1004 | text-decoration: none; 1005 | } 1006 | 1007 | .article-name h3 a { 1008 | font-family: nyt-cheltenham, georgia, "times new roman", times, serif; 1009 | color: rgb(18, 18, 18); 1010 | font-size: 0.9875rem; 1011 | line-height: 1.4375rem; 1012 | text-decoration: none; 1013 | } 1014 | <<<<<<< HEAD 1015 | 1016 | ||||||| merged common ancestors 1017 | ======= 1018 | 1019 | .wrapper-container span a { 1020 | text-decoration: none; 1021 | } 1022 | 1023 | .footer-grid-item ul li a { 1024 | display: block; 1025 | text-align: left; 1026 | padding: 8px 16px 0 0; 1027 | text-decoration: none; 1028 | color: black; 1029 | } 1030 | 1031 | .article-content p span a { 1032 | text-decoration: none; 1033 | margin-left: 27%; 1034 | } 1035 | 1036 | .wrapper-container div span a { 1037 | color: rgb(50, 104, 145); 1038 | font-weight: bold; 1039 | } 1040 | 1041 | .social-icons span i.fa { 1042 | background-color: #fff; 1043 | } 1044 | 1045 | .social-icons i.fa:hover { 1046 | color: #000; 1047 | background: #fff; 1048 | border-color: #000; 1049 | display: inline-block; 1050 | border-radius: 70px; 1051 | box-shadow: 0 0 2px #888; 1052 | padding: 0.65em 0.8em; 1053 | } 1054 | 1055 | .copyright-flex-container > div > small > a { 1056 | color: #121212; 1057 | text-decoration: none; 1058 | font: inherit; 1059 | } 1060 | 1061 | .more-article-name-for-sidebar h3 a:hover { 1062 | text-decoration: underline; 1063 | } 1064 | 1065 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 1066 | .article-name h3 a:hover { 1067 | color: #6e7392; 1068 | } 1069 | 1070 | .footer-grid-item ul li a:hover { 1071 | text-decoration: underline; 1072 | } 1073 | 1074 | .date-published { 1075 | flex: 1; 1076 | display: flex; 1077 | justify-content: flex-start; 1078 | align-items: center; 1079 | font-size: 10px; 1080 | color: #666; 1081 | float: right; 1082 | } 1083 | 1084 | <<<<<<< HEAD 1085 | .beginning-part-of-article-content{ 1086 | ||||||| merged common ancestors 1087 | 1088 | .beginning-part-of-article-content{ 1089 | ======= 1090 | .beginning-part-of-article-content { 1091 | position: relative; 1092 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 1093 | display: flex; 1094 | justify-content: center; 1095 | align-items: baseline; 1096 | margin-left: auto; 1097 | margin-right: auto; 1098 | } 1099 | 1100 | .sidebar-editors-pick { 1101 | position: absolute; 1102 | flex: 45%; 1103 | left: 502px; 1104 | top: 765px; 1105 | padding: 20px; 1106 | margin: 10px; 1107 | transform: scale(0.6); 1108 | <<<<<<< HEAD 1109 | } 1110 | ||||||| merged common ancestors 1111 | } 1112 | 1113 | ======= 1114 | } 1115 | 1116 | #navbar-img { 1117 | position: absolute; 1118 | left: 42%; 1119 | margin-top: 4px; 1120 | } 1121 | 1122 | #scroll-change { 1123 | display: none; 1124 | margin-left: 28%; 1125 | margin-top: 8px; 1126 | } 1127 | >>>>>>> e44694b26f95568c0599edc4047ff59424fc9125 1128 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Space Ripples Reveal Big Bang’s Smoking Gun 9 | 10 | 11 | 12 | 13 | 14 |
15 | 43 |
44 | 57 |
58 |
59 |

Space Ripples Reveal Big Bang’s Smoking Gun

60 |
61 | cosmos-superJumbo 62 |

63 | Alan Guth was one of the first physicists to hypothesize the existence of inflation, which explains 64 | how the universe expanded so uniformly and so quickly in the instant after the Big Bang 13.8 billion 65 | years 66 | ago.Credit...Rick Friedman for The New York Times 67 |

68 |
69 |
70 |
71 | 72 |
73 | By Dennis Overbye 74 |
75 |
76 |
March 17, 2014
77 | 87 |
88 |
89 |
90 |
91 |
92 |
93 |

94 | CAMBRIDGE, Mass. — One night late in 1979, an itinerant young physicist named Alan Guth, with a 95 | new 96 | son 97 | and a year’s appointment at Stanford, stayed up late with his notebook and equations, venturing 98 | far 99 | beyond the world 100 | of known physics. 101 |

102 | 103 |

104 | He was trying to understand why there was no trace of some exotic particles that should have 105 | been 106 | created in the Big Bang. Instead he discovered what might have made the universe bang to begin 107 | with. 108 | A 109 | potential hitch in 110 | the presumed course of cosmic evolution could have infused space itself with a special energy 111 | that 112 | exerted a repulsive force, causing the universe to swell faster than the speed of light for a 113 | prodigiously violent 114 | instant. 115 |

116 | 117 |

118 | “SPECTACULAR REALIZATION,” Dr. Guth wrote across the top of the page and drew a double box 119 | around 120 | it. 121 |

122 | 123 |

124 | On Monday, Dr. Guth’s starship came in. Radio astronomers reported that they had seen the 125 | beginning 126 | of 127 | the Big Bang, and that his hypothesis, known undramatically as inflation, looked right. 128 |

129 |

130 | Reaching back across 13.8 billion years to the first sliver of 132 | cosmic 133 | time with telescopes at the South Pole, a team of astronomers led by 134 | John M. Kovac of the Harvard-Smithsonian Center for Astrophysics detected ripples in the fabric 135 | of 136 | space-time — so-called 137 | gravitational 139 | waves — the signature of a universe being wrenched violently apart when it was roughly a 140 | trillionth of a trillionth of a trillionth of a second old. They are the long-sought smoking-gun 141 | evidence of inflation, proof, Dr. Kovac and his colleagues say, that Dr. Guth was correct. 142 |

143 |

144 | 145 | Unlock more free articles.
146 | 148 | Create an account or log in 149 | 150 |
151 |

152 |

153 | Inflation has been the workhorse of cosmology for 35 years, though many, including Dr. Guth, 154 | wondered 155 | whether it could ever be proved. 156 |

157 |

158 | If corroborated, Dr. Kovac’s work will stand as a landmark in science comparable to the recent 159 | discovery 160 | of dark energy pushing the universe apart, or of the Big Bang itself. It would open vast realms 161 | of 162 | time 163 | and space 164 | and energy to science and speculation. 165 |

166 |

167 | Confirming inflation would mean that the universe we see, extending 14 billion light-years in 168 | space 169 | with 170 | its hundreds of billions of galaxies, is only an infinitesimal patch in a larger cosmos whose 171 | extent, 172 | architecture 173 | and fate are unknowable. Moreover, beyond our own universe there might be an endless number of 174 | other 175 | universes bubbling into frothy eternity, like a pot of pasta water boiling over. 176 |

177 | 178 |

‘As Big as It Gets’

179 |

180 | In our own universe, it would serve as a window into the forces operating at energies forever 181 | beyond 182 | the 183 | reach of particle accelerators on Earth and yield new insights into gravity itself. Dr. Kovac’s 184 | ripples 185 | would be 186 | the first direct observation of gravitational waves, which, according to Einstein’s theory of 187 | general 188 | relativity, should ruffle space-time. 189 |

190 |

191 | Marc Kamionkowski of Johns Hopkins University, an early-universe expert who was not part of the 192 | team, 193 | said, “This is huge, as big as it gets.” 194 |

195 | 196 |

197 | Dr. Kovac said the chance that the results were a fluke was only one in 10 million. 198 |

199 |
200 |
201 | 232 |
233 |
234 |
235 |
236 |

237 | The Theory of Inflation 238 |

239 |

240 | Astronomers have found evidence to support the theory of inflation, which explains how the universe 241 | expanded so uniformly and so quickly in the instant after the Big Bang 13.8 billion years ago. 242 |

243 |
244 | coffee 245 |

THE UNIVERSE is just under 14 billion years old. From our position in the 246 | Milky Way galaxy, we can observe a sphere that is now about 92 billion light-years across. But 247 | there's a mystery. Wherever we look, the universe has an even temperature.

248 | 249 |

NOT ENOUGH TIME The universe is not old enough for light to have traveled 250 | the vast distance from one side of the universe to the other, and there has not been enough time for 251 | scattered patches of hot and cold to mix into an even temperature.

252 | 253 |

DISTANT COFFEE At a smaller scale, imagine using a telescope to look 254 | a mile in one direction. You see a coffee cup, and from the amount of steam, you can estimate its 255 | temperature and how much it has cooled.

256 | 257 |

COFFEE EVERYWHERE Now turn around and look a mile in the other 258 | direction. You see a similar coffee cup, at exactly the same temperature. Coincidence? Maybe. But if 259 | you see a similar cup in every direction, you might want to look for another explanation.

260 | 261 |

THE UNIVERSE is just under 14 billion years old. From our position in 262 | the Milky Way galaxy, we can observe a sphere that is now about 92 billion light-years across. But 263 | there's a mystery. Wherever we look, the universe has an even temperature.

264 | 265 |

STILL NOT ENOUGH TIME There has not been enough time to carry coffee 266 | cups from place to place before they get cold. But if all the coffee cups were somehow filled from a 267 | single coffee pot, all at the same time, that might explain their even temperature.

268 | 269 | 270 |

FLUCTUATION Astronomers have now detected evidence of these ancient 271 | fluctuations in swirls of polarized light in the cosmic background radiation, which is energy left 272 | over from the early universe. These are gravitational waves predicted by Einstein.

273 | 274 | 275 |

EXPANSION Returning to our coffee, imagine a single, central pot expanding 276 | faster than light and cooling to an even temperature as it expands. That is something like 277 | inflation. And the structure of the universe mirrors the froth and foam of the original pot.

278 |
279 | 280 |       By LARRY BUCHANAN and JONATHAN CORUM 281 | 282 |
283 | 284 | 285 | 286 |
287 |
288 | 289 |
290 |



291 | Dr. Kovac said the chance that the results were a fluke was only one in 10 million. 292 |

293 | Dr. Guth, now 67, pronounced himself “bowled over,” saying he had not expected such a definite confirmation in his lifetime. 294 |

295 |

296 | “With nature, you have to be lucky,” he said. “Apparently we have been lucky.” 297 |

298 |

299 | The results are the closely guarded distillation of three years’ worth of observations and analysis. Eschewing email for fear of a leak, Dr. Kovac personally delivered drafts of his work to a select few, meeting with Dr. Guth, who is now a professor at Massachusetts Institute of Technology (as is his son, Larry, who was sleeping that night in 1979), in his office last week. 300 |

301 |

302 | “It was a very special moment, and one we took very seriously as scientists,” said Dr. Kovac, who chose his words as carefully as he tended his radio telescopes. 303 |

304 |

305 | Andrei Linde of Stanford, a prolific theorist who first described the most popular variant of inflation, known as chaotic inflation, in 1983, was about to go on vacation in the Caribbean last week when Chao-Lin Kuo, a Stanford colleague and a member of Dr. Kovac’s team, knocked on his door with a bottle of Champagne to tell him the news. 306 |

307 |

308 | 309 | 311 |

Stanford Professor Andrei Linde celebrates physics breakthroughCredit... CreditVideo 312 | by StanfordUniversity

313 |

314 | Confused, Dr. Linde called out to his wife, asking if she had ordered anything. 315 |

316 |

317 | “And then I told him that in the beginning we thought that this was a delivery but we did not think that we 318 | ordered anything, but I simply forgot that actually I did order it, 30 years ago,” Dr. Linde wrote in an 319 | email. 320 |

321 |

322 | Calling from Bonaire, the Dutch Caribbean island, Dr. Linde said he was still hyperventilating. “Having news 323 | like this is the best way of spoiling a vacation,” he said. 324 |

325 |

326 | By last weekend, as social media was buzzing with rumors that inflation had been seen and news spread, 327 | astrophysicists responded with a mixture of jubilation and caution. 328 |

329 |

330 | Max Tegmark, a cosmologist at M.I.T., wrote in an email, “I think that if this stays true, it will go down 331 | as one of the greatest discoveries in the history of science.” 332 |

333 |

334 | John E. Carlstrom of the University of Chicago, Dr. Kovac’s mentor and head of a competing project called 335 | the South Pole Telescope, pronounced himself deeply impressed. “I think the results are beautiful and very 336 | convincing,” he said. 337 |

338 |

339 | Paul J. Steinhardt of Princeton, author of a competitor to inflation that posits the clash of a pair of 340 | universes as the cause of genesis, said that if true, the Bicep result would eliminate his model, but he 341 | expressed 342 | reservations about inflation. 343 |

344 |

345 | Lawrence M. Krauss of Arizona State and others also emphasized the need for confirmation, noting that the 346 | new results exceeded earlier estimates based on temperature maps of the cosmic background by the European 347 | Space 348 | Agency’s Planck satellite and other assumptions about the universe. 349 |

350 |

351 | “So we will need to wait and see before we jump up and down,” Dr. Krauss said. 352 |

353 |

354 | Corroboration might not be long in coming. The Planck spacecraft will report its own findings this year. At 355 | least a dozen other teams are trying similar measurements from balloons, mountaintops and space. 356 |

357 |

358 | 359 |

360 | Spirals in the Sky 361 |

362 |

Gravity waves are the latest and deepest secret yet pried out of the cosmic microwaves, which were discovered accidentally by Arno Penzias and Robert Wilson at Bell Labs 50 years ago. They won the Nobel Prize. 363 |

364 |

365 | Dr. Kovac has spent his career trying to read the secrets of these waves. He is one of four leaders of Bicep, which has operated a series of increasingly sensitive radio telescopes at the South Pole, where the thin, dry air creates ideal observing conditions. The others are Clement Pryke of the University of Minnesota, Jamie Bock of the California Institute of Technology and Dr. Kuo of Stanford. 366 |

367 |

368 | “The South Pole is the closest you can get to space and still be on the ground,” Dr. Kovac said. He has been there 23 times, he said, wintering over in 1994. “I’ve been hooked ever since,” he said. 369 |

370 | article-image 371 |

372 | The Bicep2 telescope, in the foreground, was used to detect the faint spiraling gravity patterns — the signature of a universe being wrenched violently apart at its birth.Credit...Steffen Richter/Associated Press 373 |

374 |

375 | In 2002, he was part of a team that discovered that the microwave radiation was polarized, meaning the light waves had a slight preference to vibrate in one direction rather than another. 376 |

377 |

378 | This was a step toward the ultimate goal of detecting the gravitational waves from inflation. Such waves, squeezing space in one direction and stretching it in another as they go by, would twist the direction of polarization of the microwaves, theorists said. As a result, maps of the polarization in the sky should have little arrows going in spirals. 379 |

380 |

381 | Detecting those spirals required measuring infinitesimally small differences in the temperature of the microwaves. The group’s telescope, Bicep2, is basically a giant superconducting thermometer. 382 |

383 |

384 | “We had no expectations what we would see,” Dr. Kovac said. 385 |

386 |

387 | The strength of the signal surprised the researchers, and they spent a year burning up time on a Harvard supercomputer, making sure they had things right and worrying that competitors might beat them to the breakthrough. 388 |

389 |

390 | 391 |

392 | A Special Time 393 |

394 | 395 |

396 | The data traced the onset of inflation to a time that physicists like Dr. Guth, staying up late in his Palo Alto house 35 years ago, suspected was a special break point in the evolution of the universe. 397 |

398 | Physicists recognize four forces at work in the world today: gravity, electromagnetism, and strong and weak nuclear forces. But they have long suspected that those are simply different manifestations of a single unified force that ruled the universe in its earliest, hottest moments. 399 |

400 |

401 | 402 | As the universe cooled, according to this theory, there was a fall from grace, like some old folk mythology of gods or brothers falling out with each other. The laws of physics evolved, with one force after another splitting away. 403 |

404 |

405 | 406 | That was where Dr. Guth came in. 407 |

408 |

409 | 410 | Under some circumstances, a glass of water can stay liquid as the temperature falls below 32 degrees, until it is disturbed, at which point it will rapidly freeze, releasing latent heat. 411 |

412 |

413 | 414 | Similarly, the universe could “supercool” and stay in a unified state too long. In that case, space itself would become imbued with a mysterious latent energy. 415 |

416 |

417 | 418 | Inserted into Einstein’s equations, the latent energy would act as a kind of antigravity, and the universe would blow itself up. Since it was space itself supplying the repulsive force, the more space was created, the harder it pushed apart. 419 |

420 |

421 | 422 | What would become our observable universe mushroomed in size at least a trillion trillionfold — from a submicroscopic speck of primordial energy to the size of a grapefruit — in less than a cosmic eye-blink. 423 |

424 |

425 | 426 | Almost as quickly, this pulse would subside, relaxing into ordinary particles and radiation. All of normal cosmic history was still ahead, resulting in today’s observable universe, a patch of sky and stars billions of light-years across. “It’s often said that there is no such thing as a free lunch,” Dr. Guth likes to say, “but the universe might be the ultimate free lunch.” 427 |

428 |

429 | 430 | Make that free lunches. Most of the hundred or so models resulting from Dr. Guth’s original vision suggest that inflation, once started, is eternal. Even as our own universe settled down to a comfortable homey expansion, the rest of the cosmos will continue blowing up, spinning off other bubbles endlessly, a concept known as the multiverse. 431 |

432 |

433 | 434 | So the future of the cosmos is perhaps bright and fecund, but do not bother asking about going any deeper into the past. 435 |

436 |

437 | 438 | We might never know what happened before inflation, at the very beginning, because inflation erases everything that came before it. All the chaos and randomness of the primordial moment are swept away, forever out of our view. 439 |

440 |

441 | 442 |

“If you trace your cosmic roots,” said Abraham Loeb, a Harvard-Smithsonian astronomer who was not part of the team, “you wind up at inflation.” 443 |

444 | 445 | 446 | 447 |

448 | A version of this article appears in print on March 18, 2014, Section A, Page 1 of the New York edition with 449 | the headline: Space Ripples Reveal Big Bang’s Smoking Gun. Order Reprints | Today’s Paper | Subscribe 451 |

452 |
453 |
454 | 460 |
461 | 462 |
463 |
464 |
465 | 466 | 750 | 751 | 752 | 753 | --------------------------------------------------------------------------------